.bold, .confirmation-time-appointment-type, .customer-info-popup, .customer-info-inputs, .customer-info-inputs-center, .customer-login-wrapper, .customer-pw-reset-wrapper, .filter-button-listitem-renderers, .filter-accept-button-wrapper, .footer-back-button, .footer-forward-button, .footer-visualize, .header-logo, .header-info-kv, .home-menu__link, .help-balloon-panel h13, .lightbox-options-button, .message-loading-container, .message-loading-container-centered, .message-loading-right-panel h1, .project-scope-quote-list-content, .project-scope-quote-list-content-total, .project-scope-box, .project-scope-box-content p, .project-scope-textbox, .project-scope-textbox-form, .project-scope-button, .project-scope-blank-set-box, .project-scope-selection-options, .project-scope-selection-options-wrapper h2, .project-scope-selection-bullet, .project-scope-step--finished .project-scope-button, .project-scope-main-header-title, .project-scope-main-header-subtitle, .project-scope-main-header-text, .project-scope-main-header-input, .project-scope-main-content-text, .project-scope-line-item-name, .project-scope-title, .project-scope-mobile-stones-link, .project-scope-sqft-button, .review-submit-screen-title, .review-submit-fabricator-lable h11, .review-submit-fabricator-lable-title, .review-submit-list-quantity, .review-submit-total-wrapper-edit, .review-submit-customer-info-name, .review-submit-customer-info-title, .review-submit-stone-listitemrenderer-text, .review-submit-stone-button, .review-submit-stone-title, .review-submit-edit-button, .review-submit-iframe-wrapper-view-button, .review-submit-iframe-wrapper-nokv__button, .review-submit-iframe-wrapper-nokv__text, .stone-filter-button-title, .stone-search-box, .breadcrumb-trail h3, .breadcrumb-trail h4 {
  font-family: "playbold", sans-serif; }

.regular, .help-balloon-panel p, .message-loading-right-panel p, .project-scope-main, .review-submit-fabricator-lable h12, .review-submit-list-title, .review-submit-list-total, .review-submit-customer-info-contact, .review-submit-right-logo-all-reviews, .ui-button {
  font-family: "playregular", sans-serif; }

.table, .home-menu-logo, .project-scope-main-header, .project-scope-main-footer, .review-submit-total-wrapper, .review-submit-right-logo {
  display: table;
  width: 100%;
  table-layout: fixed; }
  .table-cell, .footer-wrapper-breadcrumbs, .footer-button-container, .home-menu-logo-house, .home-menu-logo-vendor, .review-submit-total-wrapper-cell {
    display: table-cell;
    vertical-align: middle; }

.inline-block, .footer-visualize-image, .footer-visualize-text, .lightbox-options-button, .lightbox-option-round, .lightbox-option-rectangular, .project-scope-main-selection-item, .project-scope-breadcrumbs-item, .stone-filter-button, .stone-filter-button-icon {
  display: inline-block;
  vertical-align: middle; }

.transition2 {
  transition: all 0.6s ease !important; }

/* CSS Document */
@font-face {
  font-family: 'playbold';
  src: url("fonts/play-bold.eot");
  src: url("fonts/play-bold.eot?#iefix") format("embedded-opentype"), url("fonts/play-bold.woff2") format("woff2"), url("fonts/play-bold.woff") format("woff"), url("fonts/play-bold.ttf") format("truetype"), url("fonts/play-bold.svg#playbold") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'playregular';
  src: url("fonts/play-regular.eot");
  src: url("fonts/play-regular.eot?#iefix") format("embedded-opentype"), url("fonts/play-regular.woff2") format("woff2"), url("fonts/play-regular.woff") format("woff"), url("fonts/play-regular.ttf") format("truetype"), url("fonts/play-regular.svg#playregular") format("svg");
  font-weight: normal;
  font-style: normal; }

html, div#app {
  height: 100%; }

body {
  background-image: url(images/extra_clean_paper.png);
  overflow: hidden;
  height: 100%;
  padding: 0;
  margin: 0;
  border: 0;
  max-height: 100%; }

* {
  -webkit-touch-callout: none;
  /* MRB@HEAT.VISION: Having issues with this on [Mobile] Safari:
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; */ }

.hide {
  display: none !important; }

.app-container {
  height: 100%; }
  .app-container-content {
    height: 100%;
    transition: all 1s ease; }
  .app-container--kv .app-container-content {
    -ms-transform: translateX(-100%);
    transform: translateX(-100%); }
  .app-container--kv .review-submit-iframe-pane--fixed {
    -ms-transform: none;
    transform: none; }
  .app-container--kv .review-submit-iframe-wrapper {
    left: 0 !important; }
  .app-container--review.app-container--kv .review-submit-iframe-pane--fixed {
    width: 100vw;
    height: 100vh; }
  .app-container--iphone-focus .review-submit-iframe-pane, .app-container--iphone-focus .project-scope-section-wrapper {
    display: none; }

.main-wrapper {
  width: 100%;
  height: calc(100% - 100px);
  overflow-y: auto;
  overflow-x: hidden;
  /*position: relative;*/
  z-index: 0; }

.content-wrapper {
  /*height: calc(100% - 100px);*/
  /*position: relative;*/
  /*z-index: 100;*/ }

.flex-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  max-width: 100%;
  position: relative;
  z-index: 50;
  margin-left: 10px;
  margin-right: 10px;
  /* top: 310px; */
  /* bottom: 100px; */
  overflow: auto;
  padding-bottom: 20px;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  box-sizing: border-box;
  margin-top: 30px; }

.step2Cont, .step2Placeholder {
  /* flex-basis: auto; */
  /* flex-grow: 1; */
  -ms-flex: 1 1 225px;
  flex: 1 1 225px;
  height: 225px;
  width: 225px;
  float: left;
  border-radius: 23px;
  /* box-shadow: 0 0 2px 2px #c3c3c3; */
  margin-right: 10px;
  margin-top: 10px;
  position: relative;
  display: block;
  overflow: hidden;
  /* max-width: calc(100% / 7 - 15px); */
  /* min-width: calc(100% / 7 - 15px); */
  max-width: 225px;
  box-sizing: border-box;
  background-position: center;
  background-repeat: repeat;
  background-size: cover; }

.step2Placeholder {
  border: 1px solid RGBA(0, 0, 0, 0.5);
  background-image: url("images/crystal.png");
  background-repeat: no-repeat;
  background-size: 50%;
  background-position: center center; }

.spinner, .blue-spinner, .green-spinner {
  background-position: center center;
  background-size: 80%; }

.blue-spinner {
  background-image: url("images/icons/loading-spinner-blue.svg"); }

.green-spinner {
  background-image: url("images/icons/loading-spinner-green.svg"); }

.spin, .spinner, .blue-spinner, .green-spinner {
  animation: ani-spin 2s infinite linear; }

@keyframes ani-spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(359deg); } }

.flex-spacer {
  height: 0;
  visibility: hidden; }

.clickable {
  cursor: pointer; }

.loopInTheCorner {
  position: absolute;
  font-size: 18px;
  font-weight: bold;
  z-index: 0;
  top: 0;
  right: 0;
  padding: 5px;
  background-color: rgba(0, 0, 0, 0.32);
  color: #fff;
  cursor: pointer;
  display: none; }

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.bottomInfo {
  position: absolute;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.33);
  text-align: center;
  font-size: 17px;
  color: #fff;
  width: 100%;
  padding-top: 15px;
  font-family: "playbold";
  border-radius: 0 0 23px 23px;
  overflow: hidden; }

.animation01 {
  animation: pulse01 1.5s linear;
  -webkit-animation: pulse01 1.5s linear; }

.animation02 {
  animation: pulse02 1.5s linear;
  -webkit-animation: pulse02 1.5s linear; }

.animation03 {
  animation: pulse03 2s linear;
  -webkit-animation: pulse03 2s linear; }

.animation-long {
  animation: pulse-long ease-in-out 3s;
  -webkit-animation: pulse-long ease-in-out 3s; }

/*Animation01 Keyframes*/
@keyframes pulse01 {
  0% {
    background-color: rgba(0, 0, 0, 0.33); }
  40% {
    background-color: rgba(0, 0, 0, 0.33); }
  41% {
    background-color: #9FC522; }
  100% {
    background-color: rgba(0, 0, 0, 0.33); } }

@keyframes pulse-long {
  0% {
    background-color: rgba(0, 0, 0, 0.33); }
  20% {
    background-color: rgba(0, 0, 0, 0.33); }
  21% {
    background-color: #9FC522; }
  100% {
    background-color: rgba(0, 0, 0, 0.33); } }

/*Animation02 Keyframes*/
@keyframes pulse02 {
  0% {
    background-color: rgba(0, 0, 0, 0.33); }
  60% {
    background-color: rgba(0, 0, 0, 0.33); }
  61% {
    background-color: #9FC522; }
  100% {
    background-color: rgba(0, 0, 0, 0.33); } }

/*Animation03 Keyframes*/
@keyframes pulse03 {
  0% {
    background-color: rgba(0, 0, 0, 0.33); }
  60% {
    background-color: rgba(0, 0, 0, 0.33); }
  61% {
    background-color: #9FC522; }
  100% {
    background-color: rgba(0, 0, 0, 0.33); } }

img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 55px;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic; }

.step2Cont img, .step2Placeholder img {
  width: 100%;
  max-height: none; }

p {
  margin: 0 0 10px; }

/*-----------------Loading Icon------------------------*/
.button-spinner {
  width: 26px;
  height: 26px;
  background-image: url(images/icons/loading-spinner.svg);
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  position: relative;
  top: 2px;
  vertical-align: text-bottom;
  margin-left: -26px; }

/*-------------------Square Foot Calc--------------*/
.sqftcalc-window {
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 1px;
  min-width: 100%;
  z-index: 50000;
  /*must be higher than the z-index of the header bar*/ }
  .sqftcalc-window-container {
    -webkit-overflow-scrolling: touch;
    overflow: auto; }

.clearfix:after, .clearfix:before {
  content: "";
  display: table;
  width: 100%;
  clear: both;
  height: 0; }

.mobile-rotate-button {
  display: none; }

.confirm-dialog-wrapper {
  display: none;
  z-index: 100000 !important; }

/*--------------Webkit Scrollbar----------------*/
::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 20px; }

::-webkit-scrollbar-thumb {
  border-radius: 30px;
  background-color: #4990e2;
  height: 50px;
  wdith: 300px; }

::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: rgba(169, 169, 169, 0.38); }

@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }

.rotating {
  animation: rotating 16s linear infinite; }

.animated {
  animation-duration: 1s;
  animation-fill-mode: both; }
  .animated.infinite {
    animation-iteration-count: infinite; }
  .animated.bounceIn {
    animation-duration: 1.1s; }

@keyframes bounceIn {
  0%, 100%, 50%, 40%, 60%, 80% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    transform: scale3d(0.5, 0.5, 0.5); }
  30% {
    transform: scale3d(1.1, 1.1, 1.1); }
  100% {
    opacity: 1;
    transform: scale3d(1, 1, 1); } }

.bounceIn {
  animation-name: bounceIn; }

@keyframes spreading {
  from {
    opacity: 1;
    transform: scale(1); }
  to {
    opacity: 0;
    transform: scale(1.5); } }

@keyframes deeping {
  from {
    opacity: 0;
    transform: scale(1.5); }
  to {
    opacity: 1;
    transform: scale(1); } }

@keyframes mobile-rotate-pulse {
  0%, 100% {
    opacity: 0; }
  50% {
    opacity: 1; } }

@keyframes colorChange {
  0%, 100% {
    fill: #ffffff; }
  50% {
    fill: #9FC522; } }

.intl-tel-input {
  position: relative;
  display: inline-block; }
  .intl-tel-input * {
    box-sizing: border-box;
    -moz-box-sizing: border-box; }
  .intl-tel-input .hide {
    display: none; }
  .intl-tel-input .v-hide {
    visibility: hidden; }
  .intl-tel-input input, .intl-tel-input input[type=text], .intl-tel-input input[type=tel] {
    position: relative;
    z-index: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-right: 36px;
    margin-right: 0; }
  .intl-tel-input .flag-container {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 1px; }
  .intl-tel-input .selected-flag {
    z-index: 1;
    position: relative;
    width: 36px;
    height: 100%;
    padding: 0 0 0 8px; }
    .intl-tel-input .selected-flag .iti-flag {
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto; }
    .intl-tel-input .selected-flag .iti-arrow {
      position: absolute;
      top: 50%;
      margin-top: -2px;
      right: 6px;
      width: 0;
      height: 0;
      border-left: 3px solid transparent;
      border-right: 3px solid transparent;
      border-top: 4px solid #555; }
      .intl-tel-input .selected-flag .iti-arrow.up {
        border-top: none;
        border-bottom: 4px solid #555; }
  .intl-tel-input .country-list {
    position: absolute;
    z-index: 2;
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0 0 0 -1px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
    background-color: white;
    border: 1px solid #CCC;
    white-space: nowrap;
    max-height: 200px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch; }
    .intl-tel-input .country-list.dropup {
      bottom: 100%;
      margin-bottom: -1px; }
    .intl-tel-input .country-list .flag-box {
      display: inline-block;
      width: 20px; }
    @media (max-width: 500px) {
      .intl-tel-input .country-list {
        white-space: normal; } }
    .intl-tel-input .country-list .divider {
      padding-bottom: 5px;
      margin-bottom: 5px;
      border-bottom: 1px solid #CCC; }
    .intl-tel-input .country-list .country {
      padding: 5px 10px; }
      .intl-tel-input .country-list .country .dial-code {
        color: #999; }
    .intl-tel-input .country-list .country.highlight {
      background-color: rgba(0, 0, 0, 0.05); }
    .intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name, .intl-tel-input .country-list .dial-code {
      vertical-align: middle; }
    .intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name {
      margin-right: 6px; }
  .intl-tel-input.allow-dropdown input, .intl-tel-input.allow-dropdown input[type=text], .intl-tel-input.allow-dropdown input[type=tel] {
    padding-right: 6px;
    padding-left: 52px;
    margin-left: 0; }
  .intl-tel-input.allow-dropdown .flag-container {
    right: auto;
    left: 0;
    width: 100%; }
  .intl-tel-input.allow-dropdown .selected-flag {
    width: 46px; }
  .intl-tel-input.allow-dropdown .flag-container:hover {
    cursor: pointer; }
    .intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
      background-color: rgba(0, 0, 0, 0.05); }
  .intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover {
    cursor: default; }
    .intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover .selected-flag, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover .selected-flag {
      background-color: transparent; }
  .intl-tel-input.allow-dropdown.separate-dial-code .selected-flag {
    background-color: rgba(0, 0, 0, 0.05);
    display: table; }
  .intl-tel-input.allow-dropdown.separate-dial-code .selected-dial-code {
    display: table-cell;
    vertical-align: middle;
    padding-left: 28px; }
  .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 input, .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 input[type=text], .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 input[type=tel] {
    padding-left: 76px; }
  .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 .selected-flag {
    width: 70px; }
  .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input, .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type=text], .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type=tel] {
    padding-left: 84px; }
  .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 .selected-flag {
    width: 78px; }
  .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 input, .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 input[type=text], .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 input[type=tel] {
    padding-left: 92px; }
  .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 .selected-flag {
    width: 86px; }
  .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 input, .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 input[type=text], .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 input[type=tel] {
    padding-left: 100px; }
  .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 .selected-flag {
    width: 94px; }
  .intl-tel-input.iti-container {
    position: absolute;
    top: -1000px;
    left: -1000px;
    z-index: 1060;
    padding: 1px; }
    .intl-tel-input.iti-container:hover {
      cursor: pointer; }

.iti-mobile .intl-tel-input.iti-container {
  top: 30px;
  bottom: 30px;
  left: 30px;
  right: 30px;
  position: fixed; }

.iti-mobile .intl-tel-input .country-list {
  max-height: 100%;
  width: 100%;
  -webkit-overflow-scrolling: touch; }
  .iti-mobile .intl-tel-input .country-list .country {
    padding: 10px 10px;
    line-height: 1.5em; }

.iti-flag {
  width: 20px; }
  .iti-flag.be {
    width: 18px; }
  .iti-flag.ch {
    width: 15px; }
  .iti-flag.mc {
    width: 19px; }
  .iti-flag.ne {
    width: 18px; }
  .iti-flag.np {
    width: 13px; }
  .iti-flag.va {
    width: 15px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .iti-flag {
      background-size: 5630px 15px; } }
  .iti-flag.ac {
    height: 10px;
    background-position: 0px 0px; }
  .iti-flag.ad {
    height: 14px;
    background-position: -22px 0px; }
  .iti-flag.ae {
    height: 10px;
    background-position: -44px 0px; }
  .iti-flag.af {
    height: 14px;
    background-position: -66px 0px; }
  .iti-flag.ag {
    height: 14px;
    background-position: -88px 0px; }
  .iti-flag.ai {
    height: 10px;
    background-position: -110px 0px; }
  .iti-flag.al {
    height: 15px;
    background-position: -132px 0px; }
  .iti-flag.am {
    height: 10px;
    background-position: -154px 0px; }
  .iti-flag.ao {
    height: 14px;
    background-position: -176px 0px; }
  .iti-flag.aq {
    height: 14px;
    background-position: -198px 0px; }
  .iti-flag.ar {
    height: 13px;
    background-position: -220px 0px; }
  .iti-flag.as {
    height: 10px;
    background-position: -242px 0px; }
  .iti-flag.at {
    height: 14px;
    background-position: -264px 0px; }
  .iti-flag.au {
    height: 10px;
    background-position: -286px 0px; }
  .iti-flag.aw {
    height: 14px;
    background-position: -308px 0px; }
  .iti-flag.ax {
    height: 13px;
    background-position: -330px 0px; }
  .iti-flag.az {
    height: 10px;
    background-position: -352px 0px; }
  .iti-flag.ba {
    height: 10px;
    background-position: -374px 0px; }
  .iti-flag.bb {
    height: 14px;
    background-position: -396px 0px; }
  .iti-flag.bd {
    height: 12px;
    background-position: -418px 0px; }
  .iti-flag.be {
    height: 15px;
    background-position: -440px 0px; }
  .iti-flag.bf {
    height: 14px;
    background-position: -460px 0px; }
  .iti-flag.bg {
    height: 12px;
    background-position: -482px 0px; }
  .iti-flag.bh {
    height: 12px;
    background-position: -504px 0px; }
  .iti-flag.bi {
    height: 12px;
    background-position: -526px 0px; }
  .iti-flag.bj {
    height: 14px;
    background-position: -548px 0px; }
  .iti-flag.bl {
    height: 14px;
    background-position: -570px 0px; }
  .iti-flag.bm {
    height: 10px;
    background-position: -592px 0px; }
  .iti-flag.bn {
    height: 10px;
    background-position: -614px 0px; }
  .iti-flag.bo {
    height: 14px;
    background-position: -636px 0px; }
  .iti-flag.bq {
    height: 14px;
    background-position: -658px 0px; }
  .iti-flag.br {
    height: 14px;
    background-position: -680px 0px; }
  .iti-flag.bs {
    height: 10px;
    background-position: -702px 0px; }
  .iti-flag.bt {
    height: 14px;
    background-position: -724px 0px; }
  .iti-flag.bv {
    height: 15px;
    background-position: -746px 0px; }
  .iti-flag.bw {
    height: 14px;
    background-position: -768px 0px; }
  .iti-flag.by {
    height: 10px;
    background-position: -790px 0px; }
  .iti-flag.bz {
    height: 14px;
    background-position: -812px 0px; }
  .iti-flag.ca {
    height: 10px;
    background-position: -834px 0px; }
  .iti-flag.cc {
    height: 10px;
    background-position: -856px 0px; }
  .iti-flag.cd {
    height: 15px;
    background-position: -878px 0px; }
  .iti-flag.cf {
    height: 14px;
    background-position: -900px 0px; }
  .iti-flag.cg {
    height: 14px;
    background-position: -922px 0px; }
  .iti-flag.ch {
    height: 15px;
    background-position: -944px 0px; }
  .iti-flag.ci {
    height: 14px;
    background-position: -961px 0px; }
  .iti-flag.ck {
    height: 10px;
    background-position: -983px 0px; }
  .iti-flag.cl {
    height: 14px;
    background-position: -1005px 0px; }
  .iti-flag.cm {
    height: 14px;
    background-position: -1027px 0px; }
  .iti-flag.cn {
    height: 14px;
    background-position: -1049px 0px; }
  .iti-flag.co {
    height: 14px;
    background-position: -1071px 0px; }
  .iti-flag.cp {
    height: 14px;
    background-position: -1093px 0px; }
  .iti-flag.cr {
    height: 12px;
    background-position: -1115px 0px; }
  .iti-flag.cu {
    height: 10px;
    background-position: -1137px 0px; }
  .iti-flag.cv {
    height: 12px;
    background-position: -1159px 0px; }
  .iti-flag.cw {
    height: 14px;
    background-position: -1181px 0px; }
  .iti-flag.cx {
    height: 10px;
    background-position: -1203px 0px; }
  .iti-flag.cy {
    height: 14px;
    background-position: -1225px 0px; }
  .iti-flag.cz {
    height: 14px;
    background-position: -1247px 0px; }
  .iti-flag.de {
    height: 12px;
    background-position: -1269px 0px; }
  .iti-flag.dg {
    height: 10px;
    background-position: -1291px 0px; }
  .iti-flag.dj {
    height: 14px;
    background-position: -1313px 0px; }
  .iti-flag.dk {
    height: 15px;
    background-position: -1335px 0px; }
  .iti-flag.dm {
    height: 10px;
    background-position: -1357px 0px; }
  .iti-flag.do {
    height: 13px;
    background-position: -1379px 0px; }
  .iti-flag.dz {
    height: 14px;
    background-position: -1401px 0px; }
  .iti-flag.ea {
    height: 14px;
    background-position: -1423px 0px; }
  .iti-flag.ec {
    height: 14px;
    background-position: -1445px 0px; }
  .iti-flag.ee {
    height: 13px;
    background-position: -1467px 0px; }
  .iti-flag.eg {
    height: 14px;
    background-position: -1489px 0px; }
  .iti-flag.eh {
    height: 10px;
    background-position: -1511px 0px; }
  .iti-flag.er {
    height: 10px;
    background-position: -1533px 0px; }
  .iti-flag.es {
    height: 14px;
    background-position: -1555px 0px; }
  .iti-flag.et {
    height: 10px;
    background-position: -1577px 0px; }
  .iti-flag.eu {
    height: 14px;
    background-position: -1599px 0px; }
  .iti-flag.fi {
    height: 12px;
    background-position: -1621px 0px; }
  .iti-flag.fj {
    height: 10px;
    background-position: -1643px 0px; }
  .iti-flag.fk {
    height: 10px;
    background-position: -1665px 0px; }
  .iti-flag.fm {
    height: 11px;
    background-position: -1687px 0px; }
  .iti-flag.fo {
    height: 15px;
    background-position: -1709px 0px; }
  .iti-flag.fr {
    height: 14px;
    background-position: -1731px 0px; }
  .iti-flag.ga {
    height: 15px;
    background-position: -1753px 0px; }
  .iti-flag.gb {
    height: 10px;
    background-position: -1775px 0px; }
  .iti-flag.gd {
    height: 12px;
    background-position: -1797px 0px; }
  .iti-flag.ge {
    height: 14px;
    background-position: -1819px 0px; }
  .iti-flag.gf {
    height: 14px;
    background-position: -1841px 0px; }
  .iti-flag.gg {
    height: 14px;
    background-position: -1863px 0px; }
  .iti-flag.gh {
    height: 14px;
    background-position: -1885px 0px; }
  .iti-flag.gi {
    height: 10px;
    background-position: -1907px 0px; }
  .iti-flag.gl {
    height: 14px;
    background-position: -1929px 0px; }
  .iti-flag.gm {
    height: 14px;
    background-position: -1951px 0px; }
  .iti-flag.gn {
    height: 14px;
    background-position: -1973px 0px; }
  .iti-flag.gp {
    height: 14px;
    background-position: -1995px 0px; }
  .iti-flag.gq {
    height: 14px;
    background-position: -2017px 0px; }
  .iti-flag.gr {
    height: 14px;
    background-position: -2039px 0px; }
  .iti-flag.gs {
    height: 10px;
    background-position: -2061px 0px; }
  .iti-flag.gt {
    height: 13px;
    background-position: -2083px 0px; }
  .iti-flag.gu {
    height: 11px;
    background-position: -2105px 0px; }
  .iti-flag.gw {
    height: 10px;
    background-position: -2127px 0px; }
  .iti-flag.gy {
    height: 12px;
    background-position: -2149px 0px; }
  .iti-flag.hk {
    height: 14px;
    background-position: -2171px 0px; }
  .iti-flag.hm {
    height: 10px;
    background-position: -2193px 0px; }
  .iti-flag.hn {
    height: 10px;
    background-position: -2215px 0px; }
  .iti-flag.hr {
    height: 10px;
    background-position: -2237px 0px; }
  .iti-flag.ht {
    height: 12px;
    background-position: -2259px 0px; }
  .iti-flag.hu {
    height: 10px;
    background-position: -2281px 0px; }
  .iti-flag.ic {
    height: 14px;
    background-position: -2303px 0px; }
  .iti-flag.id {
    height: 14px;
    background-position: -2325px 0px; }
  .iti-flag.ie {
    height: 10px;
    background-position: -2347px 0px; }
  .iti-flag.il {
    height: 15px;
    background-position: -2369px 0px; }
  .iti-flag.im {
    height: 10px;
    background-position: -2391px 0px; }
  .iti-flag.in {
    height: 14px;
    background-position: -2413px 0px; }
  .iti-flag.io {
    height: 10px;
    background-position: -2435px 0px; }
  .iti-flag.iq {
    height: 14px;
    background-position: -2457px 0px; }
  .iti-flag.ir {
    height: 12px;
    background-position: -2479px 0px; }
  .iti-flag.is {
    height: 15px;
    background-position: -2501px 0px; }
  .iti-flag.it {
    height: 14px;
    background-position: -2523px 0px; }
  .iti-flag.je {
    height: 12px;
    background-position: -2545px 0px; }
  .iti-flag.jm {
    height: 10px;
    background-position: -2567px 0px; }
  .iti-flag.jo {
    height: 10px;
    background-position: -2589px 0px; }
  .iti-flag.jp {
    height: 14px;
    background-position: -2611px 0px; }
  .iti-flag.ke {
    height: 14px;
    background-position: -2633px 0px; }
  .iti-flag.kg {
    height: 12px;
    background-position: -2655px 0px; }
  .iti-flag.kh {
    height: 13px;
    background-position: -2677px 0px; }
  .iti-flag.ki {
    height: 10px;
    background-position: -2699px 0px; }
  .iti-flag.km {
    height: 12px;
    background-position: -2721px 0px; }
  .iti-flag.kn {
    height: 14px;
    background-position: -2743px 0px; }
  .iti-flag.kp {
    height: 10px;
    background-position: -2765px 0px; }
  .iti-flag.kr {
    height: 14px;
    background-position: -2787px 0px; }
  .iti-flag.kw {
    height: 10px;
    background-position: -2809px 0px; }
  .iti-flag.ky {
    height: 10px;
    background-position: -2831px 0px; }
  .iti-flag.kz {
    height: 10px;
    background-position: -2853px 0px; }
  .iti-flag.la {
    height: 14px;
    background-position: -2875px 0px; }
  .iti-flag.lb {
    height: 14px;
    background-position: -2897px 0px; }
  .iti-flag.lc {
    height: 10px;
    background-position: -2919px 0px; }
  .iti-flag.li {
    height: 12px;
    background-position: -2941px 0px; }
  .iti-flag.lk {
    height: 10px;
    background-position: -2963px 0px; }
  .iti-flag.lr {
    height: 11px;
    background-position: -2985px 0px; }
  .iti-flag.ls {
    height: 14px;
    background-position: -3007px 0px; }
  .iti-flag.lt {
    height: 12px;
    background-position: -3029px 0px; }
  .iti-flag.lu {
    height: 12px;
    background-position: -3051px 0px; }
  .iti-flag.lv {
    height: 10px;
    background-position: -3073px 0px; }
  .iti-flag.ly {
    height: 10px;
    background-position: -3095px 0px; }
  .iti-flag.ma {
    height: 14px;
    background-position: -3117px 0px; }
  .iti-flag.mc {
    height: 15px;
    background-position: -3139px 0px; }
  .iti-flag.md {
    height: 10px;
    background-position: -3160px 0px; }
  .iti-flag.me {
    height: 10px;
    background-position: -3182px 0px; }
  .iti-flag.mf {
    height: 14px;
    background-position: -3204px 0px; }
  .iti-flag.mg {
    height: 14px;
    background-position: -3226px 0px; }
  .iti-flag.mh {
    height: 11px;
    background-position: -3248px 0px; }
  .iti-flag.mk {
    height: 10px;
    background-position: -3270px 0px; }
  .iti-flag.ml {
    height: 14px;
    background-position: -3292px 0px; }
  .iti-flag.mm {
    height: 14px;
    background-position: -3314px 0px; }
  .iti-flag.mn {
    height: 10px;
    background-position: -3336px 0px; }
  .iti-flag.mo {
    height: 14px;
    background-position: -3358px 0px; }
  .iti-flag.mp {
    height: 10px;
    background-position: -3380px 0px; }
  .iti-flag.mq {
    height: 14px;
    background-position: -3402px 0px; }
  .iti-flag.mr {
    height: 14px;
    background-position: -3424px 0px; }
  .iti-flag.ms {
    height: 10px;
    background-position: -3446px 0px; }
  .iti-flag.mt {
    height: 14px;
    background-position: -3468px 0px; }
  .iti-flag.mu {
    height: 14px;
    background-position: -3490px 0px; }
  .iti-flag.mv {
    height: 14px;
    background-position: -3512px 0px; }
  .iti-flag.mw {
    height: 14px;
    background-position: -3534px 0px; }
  .iti-flag.mx {
    height: 12px;
    background-position: -3556px 0px; }
  .iti-flag.my {
    height: 10px;
    background-position: -3578px 0px; }
  .iti-flag.mz {
    height: 14px;
    background-position: -3600px 0px; }
  .iti-flag.na {
    height: 14px;
    background-position: -3622px 0px; }
  .iti-flag.nc {
    height: 10px;
    background-position: -3644px 0px; }
  .iti-flag.ne {
    height: 15px;
    background-position: -3666px 0px; }
  .iti-flag.nf {
    height: 10px;
    background-position: -3686px 0px; }
  .iti-flag.ng {
    height: 10px;
    background-position: -3708px 0px; }
  .iti-flag.ni {
    height: 12px;
    background-position: -3730px 0px; }
  .iti-flag.nl {
    height: 14px;
    background-position: -3752px 0px; }
  .iti-flag.no {
    height: 15px;
    background-position: -3774px 0px; }
  .iti-flag.np {
    height: 15px;
    background-position: -3796px 0px; }
  .iti-flag.nr {
    height: 10px;
    background-position: -3811px 0px; }
  .iti-flag.nu {
    height: 10px;
    background-position: -3833px 0px; }
  .iti-flag.nz {
    height: 10px;
    background-position: -3855px 0px; }
  .iti-flag.om {
    height: 10px;
    background-position: -3877px 0px; }
  .iti-flag.pa {
    height: 14px;
    background-position: -3899px 0px; }
  .iti-flag.pe {
    height: 14px;
    background-position: -3921px 0px; }
  .iti-flag.pf {
    height: 14px;
    background-position: -3943px 0px; }
  .iti-flag.pg {
    height: 15px;
    background-position: -3965px 0px; }
  .iti-flag.ph {
    height: 10px;
    background-position: -3987px 0px; }
  .iti-flag.pk {
    height: 14px;
    background-position: -4009px 0px; }
  .iti-flag.pl {
    height: 13px;
    background-position: -4031px 0px; }
  .iti-flag.pm {
    height: 14px;
    background-position: -4053px 0px; }
  .iti-flag.pn {
    height: 10px;
    background-position: -4075px 0px; }
  .iti-flag.pr {
    height: 14px;
    background-position: -4097px 0px; }
  .iti-flag.ps {
    height: 10px;
    background-position: -4119px 0px; }
  .iti-flag.pt {
    height: 14px;
    background-position: -4141px 0px; }
  .iti-flag.pw {
    height: 13px;
    background-position: -4163px 0px; }
  .iti-flag.py {
    height: 11px;
    background-position: -4185px 0px; }
  .iti-flag.qa {
    height: 8px;
    background-position: -4207px 0px; }
  .iti-flag.re {
    height: 14px;
    background-position: -4229px 0px; }
  .iti-flag.ro {
    height: 14px;
    background-position: -4251px 0px; }
  .iti-flag.rs {
    height: 14px;
    background-position: -4273px 0px; }
  .iti-flag.ru {
    height: 14px;
    background-position: -4295px 0px; }
  .iti-flag.rw {
    height: 14px;
    background-position: -4317px 0px; }
  .iti-flag.sa {
    height: 14px;
    background-position: -4339px 0px; }
  .iti-flag.sb {
    height: 10px;
    background-position: -4361px 0px; }
  .iti-flag.sc {
    height: 10px;
    background-position: -4383px 0px; }
  .iti-flag.sd {
    height: 10px;
    background-position: -4405px 0px; }
  .iti-flag.se {
    height: 13px;
    background-position: -4427px 0px; }
  .iti-flag.sg {
    height: 14px;
    background-position: -4449px 0px; }
  .iti-flag.sh {
    height: 10px;
    background-position: -4471px 0px; }
  .iti-flag.si {
    height: 10px;
    background-position: -4493px 0px; }
  .iti-flag.sj {
    height: 15px;
    background-position: -4515px 0px; }
  .iti-flag.sk {
    height: 14px;
    background-position: -4537px 0px; }
  .iti-flag.sl {
    height: 14px;
    background-position: -4559px 0px; }
  .iti-flag.sm {
    height: 15px;
    background-position: -4581px 0px; }
  .iti-flag.sn {
    height: 14px;
    background-position: -4603px 0px; }
  .iti-flag.so {
    height: 14px;
    background-position: -4625px 0px; }
  .iti-flag.sr {
    height: 14px;
    background-position: -4647px 0px; }
  .iti-flag.ss {
    height: 10px;
    background-position: -4669px 0px; }
  .iti-flag.st {
    height: 10px;
    background-position: -4691px 0px; }
  .iti-flag.sv {
    height: 12px;
    background-position: -4713px 0px; }
  .iti-flag.sx {
    height: 14px;
    background-position: -4735px 0px; }
  .iti-flag.sy {
    height: 14px;
    background-position: -4757px 0px; }
  .iti-flag.sz {
    height: 14px;
    background-position: -4779px 0px; }
  .iti-flag.ta {
    height: 10px;
    background-position: -4801px 0px; }
  .iti-flag.tc {
    height: 10px;
    background-position: -4823px 0px; }
  .iti-flag.td {
    height: 14px;
    background-position: -4845px 0px; }
  .iti-flag.tf {
    height: 14px;
    background-position: -4867px 0px; }
  .iti-flag.tg {
    height: 13px;
    background-position: -4889px 0px; }
  .iti-flag.th {
    height: 14px;
    background-position: -4911px 0px; }
  .iti-flag.tj {
    height: 10px;
    background-position: -4933px 0px; }
  .iti-flag.tk {
    height: 10px;
    background-position: -4955px 0px; }
  .iti-flag.tl {
    height: 10px;
    background-position: -4977px 0px; }
  .iti-flag.tm {
    height: 14px;
    background-position: -4999px 0px; }
  .iti-flag.tn {
    height: 14px;
    background-position: -5021px 0px; }
  .iti-flag.to {
    height: 10px;
    background-position: -5043px 0px; }
  .iti-flag.tr {
    height: 14px;
    background-position: -5065px 0px; }
  .iti-flag.tt {
    height: 12px;
    background-position: -5087px 0px; }
  .iti-flag.tv {
    height: 10px;
    background-position: -5109px 0px; }
  .iti-flag.tw {
    height: 14px;
    background-position: -5131px 0px; }
  .iti-flag.tz {
    height: 14px;
    background-position: -5153px 0px; }
  .iti-flag.ua {
    height: 14px;
    background-position: -5175px 0px; }
  .iti-flag.ug {
    height: 14px;
    background-position: -5197px 0px; }
  .iti-flag.um {
    height: 11px;
    background-position: -5219px 0px; }
  .iti-flag.us {
    height: 11px;
    background-position: -5241px 0px; }
  .iti-flag.uy {
    height: 14px;
    background-position: -5263px 0px; }
  .iti-flag.uz {
    height: 10px;
    background-position: -5285px 0px; }
  .iti-flag.va {
    height: 15px;
    background-position: -5307px 0px; }
  .iti-flag.vc {
    height: 14px;
    background-position: -5324px 0px; }
  .iti-flag.ve {
    height: 14px;
    background-position: -5346px 0px; }
  .iti-flag.vg {
    height: 10px;
    background-position: -5368px 0px; }
  .iti-flag.vi {
    height: 14px;
    background-position: -5390px 0px; }
  .iti-flag.vn {
    height: 14px;
    background-position: -5412px 0px; }
  .iti-flag.vu {
    height: 12px;
    background-position: -5434px 0px; }
  .iti-flag.wf {
    height: 14px;
    background-position: -5456px 0px; }
  .iti-flag.ws {
    height: 10px;
    background-position: -5478px 0px; }
  .iti-flag.xk {
    height: 15px;
    background-position: -5500px 0px; }
  .iti-flag.ye {
    height: 14px;
    background-position: -5522px 0px; }
  .iti-flag.yt {
    height: 14px;
    background-position: -5544px 0px; }
  .iti-flag.za {
    height: 14px;
    background-position: -5566px 0px; }
  .iti-flag.zm {
    height: 14px;
    background-position: -5588px 0px; }
  .iti-flag.zw {
    height: 10px;
    background-position: -5610px 0px; }

.iti-flag {
  width: 20px;
  height: 15px;
  box-shadow: 0px 0px 1px 0px #888;
  background-image: url("../images/flags.png");
  background-repeat: no-repeat;
  background-color: #DBDBDB;
  background-position: 20px 0; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .iti-flag {
      background-image: url("../images/flags@2x.png"); } }

.iti-flag.np {
  background-color: transparent; }

.iti-flag {
  width: 20px; }
  .iti-flag.be {
    width: 18px; }
  .iti-flag.ch {
    width: 15px; }
  .iti-flag.mc {
    width: 19px; }
  .iti-flag.ne {
    width: 18px; }
  .iti-flag.np {
    width: 13px; }
  .iti-flag.va {
    width: 15px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .iti-flag {
      background-size: 5630px 15px; } }
  .iti-flag.ac {
    height: 10px;
    background-position: 0px 0px; }
  .iti-flag.ad {
    height: 14px;
    background-position: -22px 0px; }
  .iti-flag.ae {
    height: 10px;
    background-position: -44px 0px; }
  .iti-flag.af {
    height: 14px;
    background-position: -66px 0px; }
  .iti-flag.ag {
    height: 14px;
    background-position: -88px 0px; }
  .iti-flag.ai {
    height: 10px;
    background-position: -110px 0px; }
  .iti-flag.al {
    height: 15px;
    background-position: -132px 0px; }
  .iti-flag.am {
    height: 10px;
    background-position: -154px 0px; }
  .iti-flag.ao {
    height: 14px;
    background-position: -176px 0px; }
  .iti-flag.aq {
    height: 14px;
    background-position: -198px 0px; }
  .iti-flag.ar {
    height: 13px;
    background-position: -220px 0px; }
  .iti-flag.as {
    height: 10px;
    background-position: -242px 0px; }
  .iti-flag.at {
    height: 14px;
    background-position: -264px 0px; }
  .iti-flag.au {
    height: 10px;
    background-position: -286px 0px; }
  .iti-flag.aw {
    height: 14px;
    background-position: -308px 0px; }
  .iti-flag.ax {
    height: 13px;
    background-position: -330px 0px; }
  .iti-flag.az {
    height: 10px;
    background-position: -352px 0px; }
  .iti-flag.ba {
    height: 10px;
    background-position: -374px 0px; }
  .iti-flag.bb {
    height: 14px;
    background-position: -396px 0px; }
  .iti-flag.bd {
    height: 12px;
    background-position: -418px 0px; }
  .iti-flag.be {
    height: 15px;
    background-position: -440px 0px; }
  .iti-flag.bf {
    height: 14px;
    background-position: -460px 0px; }
  .iti-flag.bg {
    height: 12px;
    background-position: -482px 0px; }
  .iti-flag.bh {
    height: 12px;
    background-position: -504px 0px; }
  .iti-flag.bi {
    height: 12px;
    background-position: -526px 0px; }
  .iti-flag.bj {
    height: 14px;
    background-position: -548px 0px; }
  .iti-flag.bl {
    height: 14px;
    background-position: -570px 0px; }
  .iti-flag.bm {
    height: 10px;
    background-position: -592px 0px; }
  .iti-flag.bn {
    height: 10px;
    background-position: -614px 0px; }
  .iti-flag.bo {
    height: 14px;
    background-position: -636px 0px; }
  .iti-flag.bq {
    height: 14px;
    background-position: -658px 0px; }
  .iti-flag.br {
    height: 14px;
    background-position: -680px 0px; }
  .iti-flag.bs {
    height: 10px;
    background-position: -702px 0px; }
  .iti-flag.bt {
    height: 14px;
    background-position: -724px 0px; }
  .iti-flag.bv {
    height: 15px;
    background-position: -746px 0px; }
  .iti-flag.bw {
    height: 14px;
    background-position: -768px 0px; }
  .iti-flag.by {
    height: 10px;
    background-position: -790px 0px; }
  .iti-flag.bz {
    height: 14px;
    background-position: -812px 0px; }
  .iti-flag.ca {
    height: 10px;
    background-position: -834px 0px; }
  .iti-flag.cc {
    height: 10px;
    background-position: -856px 0px; }
  .iti-flag.cd {
    height: 15px;
    background-position: -878px 0px; }
  .iti-flag.cf {
    height: 14px;
    background-position: -900px 0px; }
  .iti-flag.cg {
    height: 14px;
    background-position: -922px 0px; }
  .iti-flag.ch {
    height: 15px;
    background-position: -944px 0px; }
  .iti-flag.ci {
    height: 14px;
    background-position: -961px 0px; }
  .iti-flag.ck {
    height: 10px;
    background-position: -983px 0px; }
  .iti-flag.cl {
    height: 14px;
    background-position: -1005px 0px; }
  .iti-flag.cm {
    height: 14px;
    background-position: -1027px 0px; }
  .iti-flag.cn {
    height: 14px;
    background-position: -1049px 0px; }
  .iti-flag.co {
    height: 14px;
    background-position: -1071px 0px; }
  .iti-flag.cp {
    height: 14px;
    background-position: -1093px 0px; }
  .iti-flag.cr {
    height: 12px;
    background-position: -1115px 0px; }
  .iti-flag.cu {
    height: 10px;
    background-position: -1137px 0px; }
  .iti-flag.cv {
    height: 12px;
    background-position: -1159px 0px; }
  .iti-flag.cw {
    height: 14px;
    background-position: -1181px 0px; }
  .iti-flag.cx {
    height: 10px;
    background-position: -1203px 0px; }
  .iti-flag.cy {
    height: 14px;
    background-position: -1225px 0px; }
  .iti-flag.cz {
    height: 14px;
    background-position: -1247px 0px; }
  .iti-flag.de {
    height: 12px;
    background-position: -1269px 0px; }
  .iti-flag.dg {
    height: 10px;
    background-position: -1291px 0px; }
  .iti-flag.dj {
    height: 14px;
    background-position: -1313px 0px; }
  .iti-flag.dk {
    height: 15px;
    background-position: -1335px 0px; }
  .iti-flag.dm {
    height: 10px;
    background-position: -1357px 0px; }
  .iti-flag.do {
    height: 13px;
    background-position: -1379px 0px; }
  .iti-flag.dz {
    height: 14px;
    background-position: -1401px 0px; }
  .iti-flag.ea {
    height: 14px;
    background-position: -1423px 0px; }
  .iti-flag.ec {
    height: 14px;
    background-position: -1445px 0px; }
  .iti-flag.ee {
    height: 13px;
    background-position: -1467px 0px; }
  .iti-flag.eg {
    height: 14px;
    background-position: -1489px 0px; }
  .iti-flag.eh {
    height: 10px;
    background-position: -1511px 0px; }
  .iti-flag.er {
    height: 10px;
    background-position: -1533px 0px; }
  .iti-flag.es {
    height: 14px;
    background-position: -1555px 0px; }
  .iti-flag.et {
    height: 10px;
    background-position: -1577px 0px; }
  .iti-flag.eu {
    height: 14px;
    background-position: -1599px 0px; }
  .iti-flag.fi {
    height: 12px;
    background-position: -1621px 0px; }
  .iti-flag.fj {
    height: 10px;
    background-position: -1643px 0px; }
  .iti-flag.fk {
    height: 10px;
    background-position: -1665px 0px; }
  .iti-flag.fm {
    height: 11px;
    background-position: -1687px 0px; }
  .iti-flag.fo {
    height: 15px;
    background-position: -1709px 0px; }
  .iti-flag.fr {
    height: 14px;
    background-position: -1731px 0px; }
  .iti-flag.ga {
    height: 15px;
    background-position: -1753px 0px; }
  .iti-flag.gb {
    height: 10px;
    background-position: -1775px 0px; }
  .iti-flag.gd {
    height: 12px;
    background-position: -1797px 0px; }
  .iti-flag.ge {
    height: 14px;
    background-position: -1819px 0px; }
  .iti-flag.gf {
    height: 14px;
    background-position: -1841px 0px; }
  .iti-flag.gg {
    height: 14px;
    background-position: -1863px 0px; }
  .iti-flag.gh {
    height: 14px;
    background-position: -1885px 0px; }
  .iti-flag.gi {
    height: 10px;
    background-position: -1907px 0px; }
  .iti-flag.gl {
    height: 14px;
    background-position: -1929px 0px; }
  .iti-flag.gm {
    height: 14px;
    background-position: -1951px 0px; }
  .iti-flag.gn {
    height: 14px;
    background-position: -1973px 0px; }
  .iti-flag.gp {
    height: 14px;
    background-position: -1995px 0px; }
  .iti-flag.gq {
    height: 14px;
    background-position: -2017px 0px; }
  .iti-flag.gr {
    height: 14px;
    background-position: -2039px 0px; }
  .iti-flag.gs {
    height: 10px;
    background-position: -2061px 0px; }
  .iti-flag.gt {
    height: 13px;
    background-position: -2083px 0px; }
  .iti-flag.gu {
    height: 11px;
    background-position: -2105px 0px; }
  .iti-flag.gw {
    height: 10px;
    background-position: -2127px 0px; }
  .iti-flag.gy {
    height: 12px;
    background-position: -2149px 0px; }
  .iti-flag.hk {
    height: 14px;
    background-position: -2171px 0px; }
  .iti-flag.hm {
    height: 10px;
    background-position: -2193px 0px; }
  .iti-flag.hn {
    height: 10px;
    background-position: -2215px 0px; }
  .iti-flag.hr {
    height: 10px;
    background-position: -2237px 0px; }
  .iti-flag.ht {
    height: 12px;
    background-position: -2259px 0px; }
  .iti-flag.hu {
    height: 10px;
    background-position: -2281px 0px; }
  .iti-flag.ic {
    height: 14px;
    background-position: -2303px 0px; }
  .iti-flag.id {
    height: 14px;
    background-position: -2325px 0px; }
  .iti-flag.ie {
    height: 10px;
    background-position: -2347px 0px; }
  .iti-flag.il {
    height: 15px;
    background-position: -2369px 0px; }
  .iti-flag.im {
    height: 10px;
    background-position: -2391px 0px; }
  .iti-flag.in {
    height: 14px;
    background-position: -2413px 0px; }
  .iti-flag.io {
    height: 10px;
    background-position: -2435px 0px; }
  .iti-flag.iq {
    height: 14px;
    background-position: -2457px 0px; }
  .iti-flag.ir {
    height: 12px;
    background-position: -2479px 0px; }
  .iti-flag.is {
    height: 15px;
    background-position: -2501px 0px; }
  .iti-flag.it {
    height: 14px;
    background-position: -2523px 0px; }
  .iti-flag.je {
    height: 12px;
    background-position: -2545px 0px; }
  .iti-flag.jm {
    height: 10px;
    background-position: -2567px 0px; }
  .iti-flag.jo {
    height: 10px;
    background-position: -2589px 0px; }
  .iti-flag.jp {
    height: 14px;
    background-position: -2611px 0px; }
  .iti-flag.ke {
    height: 14px;
    background-position: -2633px 0px; }
  .iti-flag.kg {
    height: 12px;
    background-position: -2655px 0px; }
  .iti-flag.kh {
    height: 13px;
    background-position: -2677px 0px; }
  .iti-flag.ki {
    height: 10px;
    background-position: -2699px 0px; }
  .iti-flag.km {
    height: 12px;
    background-position: -2721px 0px; }
  .iti-flag.kn {
    height: 14px;
    background-position: -2743px 0px; }
  .iti-flag.kp {
    height: 10px;
    background-position: -2765px 0px; }
  .iti-flag.kr {
    height: 14px;
    background-position: -2787px 0px; }
  .iti-flag.kw {
    height: 10px;
    background-position: -2809px 0px; }
  .iti-flag.ky {
    height: 10px;
    background-position: -2831px 0px; }
  .iti-flag.kz {
    height: 10px;
    background-position: -2853px 0px; }
  .iti-flag.la {
    height: 14px;
    background-position: -2875px 0px; }
  .iti-flag.lb {
    height: 14px;
    background-position: -2897px 0px; }
  .iti-flag.lc {
    height: 10px;
    background-position: -2919px 0px; }
  .iti-flag.li {
    height: 12px;
    background-position: -2941px 0px; }
  .iti-flag.lk {
    height: 10px;
    background-position: -2963px 0px; }
  .iti-flag.lr {
    height: 11px;
    background-position: -2985px 0px; }
  .iti-flag.ls {
    height: 14px;
    background-position: -3007px 0px; }
  .iti-flag.lt {
    height: 12px;
    background-position: -3029px 0px; }
  .iti-flag.lu {
    height: 12px;
    background-position: -3051px 0px; }
  .iti-flag.lv {
    height: 10px;
    background-position: -3073px 0px; }
  .iti-flag.ly {
    height: 10px;
    background-position: -3095px 0px; }
  .iti-flag.ma {
    height: 14px;
    background-position: -3117px 0px; }
  .iti-flag.mc {
    height: 15px;
    background-position: -3139px 0px; }
  .iti-flag.md {
    height: 10px;
    background-position: -3160px 0px; }
  .iti-flag.me {
    height: 10px;
    background-position: -3182px 0px; }
  .iti-flag.mf {
    height: 14px;
    background-position: -3204px 0px; }
  .iti-flag.mg {
    height: 14px;
    background-position: -3226px 0px; }
  .iti-flag.mh {
    height: 11px;
    background-position: -3248px 0px; }
  .iti-flag.mk {
    height: 10px;
    background-position: -3270px 0px; }
  .iti-flag.ml {
    height: 14px;
    background-position: -3292px 0px; }
  .iti-flag.mm {
    height: 14px;
    background-position: -3314px 0px; }
  .iti-flag.mn {
    height: 10px;
    background-position: -3336px 0px; }
  .iti-flag.mo {
    height: 14px;
    background-position: -3358px 0px; }
  .iti-flag.mp {
    height: 10px;
    background-position: -3380px 0px; }
  .iti-flag.mq {
    height: 14px;
    background-position: -3402px 0px; }
  .iti-flag.mr {
    height: 14px;
    background-position: -3424px 0px; }
  .iti-flag.ms {
    height: 10px;
    background-position: -3446px 0px; }
  .iti-flag.mt {
    height: 14px;
    background-position: -3468px 0px; }
  .iti-flag.mu {
    height: 14px;
    background-position: -3490px 0px; }
  .iti-flag.mv {
    height: 14px;
    background-position: -3512px 0px; }
  .iti-flag.mw {
    height: 14px;
    background-position: -3534px 0px; }
  .iti-flag.mx {
    height: 12px;
    background-position: -3556px 0px; }
  .iti-flag.my {
    height: 10px;
    background-position: -3578px 0px; }
  .iti-flag.mz {
    height: 14px;
    background-position: -3600px 0px; }
  .iti-flag.na {
    height: 14px;
    background-position: -3622px 0px; }
  .iti-flag.nc {
    height: 10px;
    background-position: -3644px 0px; }
  .iti-flag.ne {
    height: 15px;
    background-position: -3666px 0px; }
  .iti-flag.nf {
    height: 10px;
    background-position: -3686px 0px; }
  .iti-flag.ng {
    height: 10px;
    background-position: -3708px 0px; }
  .iti-flag.ni {
    height: 12px;
    background-position: -3730px 0px; }
  .iti-flag.nl {
    height: 14px;
    background-position: -3752px 0px; }
  .iti-flag.no {
    height: 15px;
    background-position: -3774px 0px; }
  .iti-flag.np {
    height: 15px;
    background-position: -3796px 0px; }
  .iti-flag.nr {
    height: 10px;
    background-position: -3811px 0px; }
  .iti-flag.nu {
    height: 10px;
    background-position: -3833px 0px; }
  .iti-flag.nz {
    height: 10px;
    background-position: -3855px 0px; }
  .iti-flag.om {
    height: 10px;
    background-position: -3877px 0px; }
  .iti-flag.pa {
    height: 14px;
    background-position: -3899px 0px; }
  .iti-flag.pe {
    height: 14px;
    background-position: -3921px 0px; }
  .iti-flag.pf {
    height: 14px;
    background-position: -3943px 0px; }
  .iti-flag.pg {
    height: 15px;
    background-position: -3965px 0px; }
  .iti-flag.ph {
    height: 10px;
    background-position: -3987px 0px; }
  .iti-flag.pk {
    height: 14px;
    background-position: -4009px 0px; }
  .iti-flag.pl {
    height: 13px;
    background-position: -4031px 0px; }
  .iti-flag.pm {
    height: 14px;
    background-position: -4053px 0px; }
  .iti-flag.pn {
    height: 10px;
    background-position: -4075px 0px; }
  .iti-flag.pr {
    height: 14px;
    background-position: -4097px 0px; }
  .iti-flag.ps {
    height: 10px;
    background-position: -4119px 0px; }
  .iti-flag.pt {
    height: 14px;
    background-position: -4141px 0px; }
  .iti-flag.pw {
    height: 13px;
    background-position: -4163px 0px; }
  .iti-flag.py {
    height: 11px;
    background-position: -4185px 0px; }
  .iti-flag.qa {
    height: 8px;
    background-position: -4207px 0px; }
  .iti-flag.re {
    height: 14px;
    background-position: -4229px 0px; }
  .iti-flag.ro {
    height: 14px;
    background-position: -4251px 0px; }
  .iti-flag.rs {
    height: 14px;
    background-position: -4273px 0px; }
  .iti-flag.ru {
    height: 14px;
    background-position: -4295px 0px; }
  .iti-flag.rw {
    height: 14px;
    background-position: -4317px 0px; }
  .iti-flag.sa {
    height: 14px;
    background-position: -4339px 0px; }
  .iti-flag.sb {
    height: 10px;
    background-position: -4361px 0px; }
  .iti-flag.sc {
    height: 10px;
    background-position: -4383px 0px; }
  .iti-flag.sd {
    height: 10px;
    background-position: -4405px 0px; }
  .iti-flag.se {
    height: 13px;
    background-position: -4427px 0px; }
  .iti-flag.sg {
    height: 14px;
    background-position: -4449px 0px; }
  .iti-flag.sh {
    height: 10px;
    background-position: -4471px 0px; }
  .iti-flag.si {
    height: 10px;
    background-position: -4493px 0px; }
  .iti-flag.sj {
    height: 15px;
    background-position: -4515px 0px; }
  .iti-flag.sk {
    height: 14px;
    background-position: -4537px 0px; }
  .iti-flag.sl {
    height: 14px;
    background-position: -4559px 0px; }
  .iti-flag.sm {
    height: 15px;
    background-position: -4581px 0px; }
  .iti-flag.sn {
    height: 14px;
    background-position: -4603px 0px; }
  .iti-flag.so {
    height: 14px;
    background-position: -4625px 0px; }
  .iti-flag.sr {
    height: 14px;
    background-position: -4647px 0px; }
  .iti-flag.ss {
    height: 10px;
    background-position: -4669px 0px; }
  .iti-flag.st {
    height: 10px;
    background-position: -4691px 0px; }
  .iti-flag.sv {
    height: 12px;
    background-position: -4713px 0px; }
  .iti-flag.sx {
    height: 14px;
    background-position: -4735px 0px; }
  .iti-flag.sy {
    height: 14px;
    background-position: -4757px 0px; }
  .iti-flag.sz {
    height: 14px;
    background-position: -4779px 0px; }
  .iti-flag.ta {
    height: 10px;
    background-position: -4801px 0px; }
  .iti-flag.tc {
    height: 10px;
    background-position: -4823px 0px; }
  .iti-flag.td {
    height: 14px;
    background-position: -4845px 0px; }
  .iti-flag.tf {
    height: 14px;
    background-position: -4867px 0px; }
  .iti-flag.tg {
    height: 13px;
    background-position: -4889px 0px; }
  .iti-flag.th {
    height: 14px;
    background-position: -4911px 0px; }
  .iti-flag.tj {
    height: 10px;
    background-position: -4933px 0px; }
  .iti-flag.tk {
    height: 10px;
    background-position: -4955px 0px; }
  .iti-flag.tl {
    height: 10px;
    background-position: -4977px 0px; }
  .iti-flag.tm {
    height: 14px;
    background-position: -4999px 0px; }
  .iti-flag.tn {
    height: 14px;
    background-position: -5021px 0px; }
  .iti-flag.to {
    height: 10px;
    background-position: -5043px 0px; }
  .iti-flag.tr {
    height: 14px;
    background-position: -5065px 0px; }
  .iti-flag.tt {
    height: 12px;
    background-position: -5087px 0px; }
  .iti-flag.tv {
    height: 10px;
    background-position: -5109px 0px; }
  .iti-flag.tw {
    height: 14px;
    background-position: -5131px 0px; }
  .iti-flag.tz {
    height: 14px;
    background-position: -5153px 0px; }
  .iti-flag.ua {
    height: 14px;
    background-position: -5175px 0px; }
  .iti-flag.ug {
    height: 14px;
    background-position: -5197px 0px; }
  .iti-flag.um {
    height: 11px;
    background-position: -5219px 0px; }
  .iti-flag.us {
    height: 11px;
    background-position: -5241px 0px; }
  .iti-flag.uy {
    height: 14px;
    background-position: -5263px 0px; }
  .iti-flag.uz {
    height: 10px;
    background-position: -5285px 0px; }
  .iti-flag.va {
    height: 15px;
    background-position: -5307px 0px; }
  .iti-flag.vc {
    height: 14px;
    background-position: -5324px 0px; }
  .iti-flag.ve {
    height: 14px;
    background-position: -5346px 0px; }
  .iti-flag.vg {
    height: 10px;
    background-position: -5368px 0px; }
  .iti-flag.vi {
    height: 14px;
    background-position: -5390px 0px; }
  .iti-flag.vn {
    height: 14px;
    background-position: -5412px 0px; }
  .iti-flag.vu {
    height: 12px;
    background-position: -5434px 0px; }
  .iti-flag.wf {
    height: 14px;
    background-position: -5456px 0px; }
  .iti-flag.ws {
    height: 10px;
    background-position: -5478px 0px; }
  .iti-flag.xk {
    height: 15px;
    background-position: -5500px 0px; }
  .iti-flag.ye {
    height: 14px;
    background-position: -5522px 0px; }
  .iti-flag.yt {
    height: 14px;
    background-position: -5544px 0px; }
  .iti-flag.za {
    height: 14px;
    background-position: -5566px 0px; }
  .iti-flag.zm {
    height: 14px;
    background-position: -5588px 0px; }
  .iti-flag.zw {
    height: 10px;
    background-position: -5610px 0px; }

.intl-tel-input .country-list .country .dial-code {
  float: right;
  color: #4a90e2 !important;
  font-family: playbold; }

.intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name {
  font-family: playbold;
  text-transform: uppercase; }

.intl-tel-input .country-list {
  border-color: #4a90e3;
  border-width: 1px;
  border-style: solid;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  margin-top: -8px;
  width: 100%; }

.intl-tel-input .country-list .country {
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden; }

/*-------------Confirmation Screen------------------*/
.confirmation-content-wrapper {
  width: 100%;
  /* background-color: red; */ }

.confirmation-container {
  max-width: 1380px;
  padding: 0 40px;
  box-sizing: border-box;
  margin: auto; }

.confirmation-calendar-wrapper {
  width: 400px;
  float: left; }
  @media screen and (max-width: 1366px) {
    .confirmation-calendar-wrapper {
      width: 300px; } }

.confirmation-calendar-header {
  width: 100%;
  height: 75px; }
  .confirmation-calendar-header-months {
    width: 57px;
    height: 21px;
    /* background-color: blue; */
    float: left;
    text-align: center;
    font-family: "playbold";
    font-size: 18px;
    color: #FFFFFF;
    letter-spacing: 0px;
    text-transform: uppercase;
    margin-top: 16px; }
    @media screen and (max-width: 1366px) {
      .confirmation-calendar-header-months {
        width: 42px;
        font-size: 16px; } }
  .confirmation-calendar-header-title {
    width: 100%;
    height: auto;
    font-family: "playbold";
    font-size: 33px;
    color: #FFFFFF;
    letter-spacing: 0px;
    text-transform: uppercase;
    text-align: center;
    margin-left: -3px; }
  .confirmation-calendar-header-year {
    width: 100%;
    height: auto;
    font-family: "playregular";
    font-size: 15px;
    color: #FFFFFF;
    letter-spacing: 8px;
    text-transform: uppercase;
    text-align: center;
    margin-top: -3px;
    /* background-color: purple; */ }

.confirmation-calendar-day-unit {
  width: 57px;
  height: 57px;
  float: left;
  position: relative;
  vertical-align: middle;
  cursor: pointer; }
  @media screen and (max-width: 1366px) {
    .confirmation-calendar-day-unit {
      width: 42px;
      height: 42px; } }

.confirmation-calendar-number {
  width: 30px;
  height: 30px;
  position: absolute;
  top: calc(50% - (30px / 2));
  left: calc(50% - (30px / 2));
  font-family: "playbold";
  font-size: 25px;
  color: #FFFFFF;
  letter-spacing: 0px;
  text-align: center;
  z-index: 200; }
  @media screen and (max-width: 1366px) {
    .confirmation-calendar-number {
      font-size: 21px; } }

.confirmation-calendar-cursor {
  width: 50px;
  height: 50px;
  position: absolute;
  top: calc(50% - (50px / 2));
  left: calc(50% - (50px / 2));
  letter-spacing: 0px;
  text-align: center;
  background-color: #9FC522;
  border-radius: 26px;
  z-index: 100; }
  .confirmation-calendar-cursor-animation {
    animation: slowPulse02 2.5s linear infinite; }
  @media screen and (max-width: 1366px) {
    .confirmation-calendar-cursor {
      width: 40px;
      height: 40px;
      position: absolute;
      top: -1px;
      left: 0; } }

.confirmation-calendar-button-container {
  height: 47px;
  clear: both; }

.confirmation-calendar-back-button {
  min-width: 180px;
  height: 49px;
  background-image: url(images/buttons/BackButton.svg);
  background-position: left;
  background-repeat: repeat-x;
  position: relative;
  font-family: "playbold";
  font-size: 18px;
  color: #FFFFFF;
  letter-spacing: 0px;
  line-height: 43px;
  text-align: center;
  padding-left: 10px;
  text-transform: uppercase;
  float: left;
  cursor: pointer;
  box-sizing: border-box; }
  @media screen and (max-width: 1366px) {
    .confirmation-calendar-back-button {
      min-width: 45%; } }

.confirmation-calendar-forward-button {
  min-width: 180px;
  height: 49px;
  background-image: url(images/buttons/ForwardButton.svg);
  background-position: right;
  background-repeat: repeat-x;
  position: relative;
  font-family: "playbold";
  font-size: 18px;
  color: #FFFFFF;
  letter-spacing: 0px;
  line-height: 43px;
  padding-right: 24px;
  float: right;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  box-sizing: border-box; }
  @media screen and (max-width: 1366px) {
    .confirmation-calendar-forward-button {
      min-width: 45%; } }
  .confirmation-calendar-forward-button-endcap {
    width: 8px;
    height: 49px;
    background-image: url(images/buttons/ForwardButton.svg);
    background-position: left;
    background-repeat: repeat-x;
    position: absolute;
    left: -8px; }

.confirmation-calendar-back-button-endcap {
  width: 8px;
  height: 49px;
  background-image: url(images/buttons/BackButton.svg);
  background-position: right;
  background-repeat: repeat-x;
  position: absolute;
  right: -8px; }

.confirmation-time-wrapper {
  box-sizing: border-box;
  overflow: hidden;
  padding: 0 20px 0 160px; }

.confirmation-time-header {
  width: 100%;
  height: auto;
  border-left: 0 solid #979797;
  border-right: 0 solid #979797;
  border-bottom: 1px solid #979797;
  border-top: 0 solid #979797; }
  .confirmation-time-header-number {
    width: auto;
    height: 90px;
    font-family: "playregular";
    font-size: 129px;
    color: #FFFFFF;
    letter-spacing: -14px;
    line-height: 76px;
    /* background-color: green; */
    display: inline-block;
    float: left;
    margin-right: 10px; }
  .confirmation-time-header-info-wrapper {
    width: auto;
    height: auto; }
  .confirmation-time-header-tag {
    width: auto;
    height: 40px;
    /* background-color: purple; */
    font-family: "playbold";
    font-size: 33px;
    color: #FFFFFF;
    letter-spacing: 0px;
    text-transform: uppercase; }
  .confirmation-time-header-day {
    width: auto;
    height: 50px;
    /* background-color: orange; */
    font-family: "playbold";
    font-size: 43px;
    color: #FFFFFF;
    text-transform: uppercase;
    box-sizing: border-box; }

.confirmation-time-container {
  width: auto;
  height: auto;
  /* background-color: purple; */
  font-family: "playbold";
  margin-top: 13px; }

.confirmation-time-lir {
  width: 100%;
  height: 39px;
  border-left: 0 dotted #979797;
  border-right: 0 dotted #979797;
  border-bottom: 1px dashed #5D5C5C;
  border-top: 0 dotted #979797;
  box-sizing: border-box;
  font-family: "playregular";
  font-size: 21px;
  color: #FFFFFF;
  letter-spacing: 0px;
  padding-left: 110px;
  padding-top: 7px;
  position: relative; }
  .confirmation-time-lir-cursor {
    background: #9FC522;
    border-radius: 26px;
    width: 105%;
    height: 42px;
    position: absolute;
    top: -2px;
    left: -21px;
    z-index: 100; }
    .confirmation-time-lir-cursor-arrow {
      width: 34px;
      height: 34px;
      background-image: url(images/icons/CursorArrow.svg);
      position: absolute;
      top: 4px;
      left: 5px; }

.confirmation-time-formatting {
  width: 100px;
  text-align: right;
  position: relative;
  z-index: 200; }

.confirmation-time-cursor-block {
  float: right;
  display: table; }

.confirmation-time-cursor-radio {
  width: 34px;
  height: 34px;
  background-image: url(images/buttons/SVGCircle.svg);
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  display: table-cell;
  vertical-align: middle;
  padding: 4px 6px 0 0; }
  .confirmation-time-cursor-radio-checked {
    width: 40px;
    height: 40px;
    background-image: url(images/buttons/CheckMarkRounded.svg);
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    margin-top: -3px;
    top: 0;
    left: 5px; }

.confirmation-time-cursor-arrow-animation {
  animation: slowPulse 2.5s linear infinite; }

.confirmation-time-appointment-type {
  font-size: 21px;
  color: #000000;
  display: table-cell;
  padding: 7px 5px 0 15px; }

.confirmation-set-today-wrapper {
  width: 100%;
  margin-top: 20px;
  font-family: "playbold";
  cursor: pointer; }
  .confirmation-set-today-wrapper h1 {
    padding-left: 20px;
    font-family: "playbold";
    font-size: 17px;
    color: #FFFFFF;
    display: inline-block;
    vertical-align: middle; }

.confirmation-set-today-icon {
  width: 45px;
  height: 44px;
  background: #4A90E2;
  background: #4A90E2;
  border: 3px solid #FFFFFF;
  border-radius: 0px 0px 8px 8px;
  display: inline-block;
  vertical-align: middle; }

.confirmation-set-today-day {
  font-family: "playbold";
  font-size: 10px;
  color: #FFFFFF;
  letter-spacing: 0px;
  text-align: center;
  text-transform: uppercase;
  margin-top: 5px; }

.confirmation-set-today-number {
  font-family: "playbold";
  font-size: 28px;
  color: #FFFFFF;
  letter-spacing: 0px;
  text-align: center;
  text-transform: uppercase;
  margin-top: -5px; }

.confirmation-bottom-text {
  font-family: "playregular";
  font-size: 17px;
  color: #FFFFFF;
  text-align: center;
  padding: 40px 0;
  clear: both; }

/*Animation01 Keyframes*/
@keyframes slowPulse {
  0% {
    background-color: #9FC522; }
  50% {
    background-color: #4C5E10; }
  100% {
    background-color: #9FC522; } }

/*Animation01 Keyframes*/
@keyframes slowPulse02 {
  0% {
    background-color: #4C5E10; }
  50% {
    background-color: #9FC522; }
  100% {
    background-color: #4C5E10; } }

.customer-popup-sales-person-button {
  width: 40px;
  height: 40px;
  background-image: url(images/buttons/SalesPersonActivation.svg);
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  right: 3px;
  top: 0;
  cursor: pointer; }

.customer-popup-close-button {
  width: 40px;
  height: 40px;
  background-image: url(images/buttons/HelpBallonClose.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 27px;
  position: absolute;
  top: 6px;
  right: 6px;
  cursor: pointer; }

.customer-popup-overlay {
  top: -100%;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.65);
  position: fixed;
  z-index: 1000;
  box-sizing: border-box;
  padding-right: 30px;
  padding-left: 30px;
  transition: top 600ms ease-in-out; }
  .customer-popup-overlay.visible {
    top: 0; }

.customer-info-popup {
  max-width: 900px;
  min-width: 400px;
  height: 400px;
  background-color: #ffffff;
  margin: auto;
  position: relative;
  top: 30%;
  -ms-transform: translateY(-30%);
  transform: translateY(-30%);
  border-radius: 21px;
  box-shadow: 11px 12px 0px 0px rgba(0, 0, 0, 0.18);
  font-size: 20px;
  color: #4A90E2; }
  .customer-info-popup p {
    text-align: center;
    padding: 0 10px; }
  .customer-info-popup__title {
    margin: 20px auto;
    font-size: 24px; }
  .customer-info-popup__description {
    margin: 0 auto;
    font-size: 16px; }
  .customer-info-popup__lock {
    position: absolute;
    width: 70px;
    height: 70px;
    border-radius: 35px;
    left: -25px;
    top: -25px;
    display: block;
    background: #ffffff url(images/icons/icon-lock.svg) center no-repeat;
    background-size: 54px; }
    .customer-info-popup__lock-border {
      position: absolute;
      height: 70px;
      width: 70px;
      left: 0;
      top: 0;
      border-radius: 35px;
      border: 1px solid #4A90E2;
      z-index: 1;
      box-sizing: border-box;
      transition: all 0.45s ease; }
      .customer-info-popup__lock-border--smallspreading {
        -ms-transform: scale(1.3);
        transform: scale(1.3);
        opacity: 0; }
      .customer-info-popup__lock-border:before {
        content: "";
        position: absolute;
        height: 48px;
        width: 48px;
        left: 10px;
        top: 10px;
        border-radius: 35px;
        border: 3px solid #4A90E2;
        z-index: 1;
        box-sizing: border-box;
        transition: all 0.45s ease; }
    .customer-info-popup__lock-circle {
      display: block;
      box-sizing: border-box;
      height: 80px;
      width: 80px;
      position: absolute;
      left: -5px;
      top: -5px;
      transition: all 1s ease; }
      .customer-info-popup__lock-circle-inner {
        box-sizing: border-box;
        height: 100%;
        width: 100%;
        background: url(images/icons/Icon-Ring-Desktop.svg) center center no-repeat;
        position: absolute;
        left: 0;
        top: 0;
        background-size: 78px; }
      .customer-info-popup__lock-circle--spreading {
        -ms-transform: scale(1.7);
        transform: scale(1.7);
        opacity: 0; }

.customer-info-inputs {
  height: 40px;
  width: 405px;
  background: #ffffff;
  border: 1px solid #4A90E2;
  border-radius: 12px;
  margin-bottom: 10px;
  font-size: 15px;
  color: #4A90E2;
  box-sizing: border-box;
  padding-left: 10px; }
  .customer-info-inputs-left {
    float: left; }
  .customer-info-inputs-right {
    float: right; }
  .customer-info-inputs-center {
    height: 40px;
    width: 100%;
    max-width: 500px;
    background: #ffffff;
    border: 1px solid #4A90E2;
    border-radius: 12px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    font-size: 15px;
    color: #4A90E2;
    box-sizing: border-box;
    padding-left: 10px;
    display: block; }
  .customer-info-inputs#ui-reg-email, .customer-info-inputs#ui-button-sales-person {
    padding-right: 40px; }

.customer-info-wrapper {
  width: 840px;
  height: auto;
  margin: 45px auto;
  position: relative; }

.customer-info-buttons {
  position: relative;
  margin-bottom: 13px;
  display: block;
  width: 100%;
  height: 35px;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 900;
  text-decoration: none;
  text-align: center;
  line-height: 39px;
  background: #4A90E2;
  border: 2px solid #ffffff;
  border-radius: 9px;
  font-size: 17px;
  color: #ffffff;
  cursor: pointer;
  text-transform: uppercase; }
  .customer-info-buttons:after {
    border: 0px solid #ffffff;
    border-radius: 10px;
    content: '';
    position: absolute;
    top: -6px;
    left: -6px;
    right: -6px;
    bottom: -6px;
    z-index: -1;
    background-color: #4A90E2; }
  .customer-info-buttons-wrapper {
    width: 250px;
    height: auto;
    position: absolute; }

.customer-login-wrapper {
  width: 500px;
  height: auto;
  /* background-color: red; */
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  font-size: 16px;
  color: #4A90E2;
  position: relative; }

.customer-login-password-button {
  cursor: pointer;
  width: auto;
  display: inline-block; }

.customer-login-button-setting {
  bottom: 0;
  left: 0;
  margin-left: 40px;
  margin-bottom: 27px; }

.customer-pw-reset-wrapper {
  margin-top: 100px;
  font-size: 16px;
  color: #4A90E2;
  padding: 0 35px; }

.customer-continue-button-setting {
  bottom: 0;
  right: 0;
  margin-right: 40px;
  margin-bottom: 27px; }

/*---------------Disclaimer----------------*/
.disclaimer-message-panel {
  max-width: 900px;
  height: auto;
  min-height: 124px;
  background-color: #FFFFFF;
  position: relative;
  border-radius: 21px;
  font-family: "playbold";
  font-size: 20px;
  color: #4A90E2;
  letter-spacing: 0px;
  overflow: hidden;
  border: 1px solid #D0021B;
  line-height: 15px; }

.disclaimer-alert-icon {
  width: auto;
  height: 71px;
  background-image: url(images/icons/ErrorMessage.svg);
  background-position: left;
  background-repeat: no-repeat;
  position: absolute;
  top: 25px;
  left: 6px;
  font-family: "playbold";
  font-size: 33px;
  color: #D0021B;
  letter-spacing: 0px;
  box-sizing: border-box;
  padding-left: 75px;
  padding-top: 14px;
  text-transform: uppercase;
  z-index: 2; }

.disclaimer-red-lable {
  width: 50px;
  height: 100%;
  background: #D0021B;
  float: left;
  position: absolute;
  z-index: 0;
  border-radius: 19px 0 0 19px; }

.disclaimer-text {
  font-family: "playregular";
  font-size: 15px;
  color: #D0021B;
  letter-spacing: 0px;
  line-height: 19px;
  box-sizing: border-box;
  margin-left: 86px;
  margin-top: 26px;
  margin-right: 10px;
  margin-bottom: 26px; }

/*----------------------Documents, Notes and Uploads------------------------*/
.docs-main-panel {
  width: 100%;
  height: auto;
  background-color: #FFFFFF;
  border-top: 1px solid #4A90E2;
  border-bottom: 0px solid #4A90E2;
  border-left: 0px solid #4A90E2;
  border-right: 0px solid #4A90E2;
  position: fixed;
  bottom: 0px;
  z-index: 600;
  box-sizing: border-box;
  padding: 40px; }

.docs-close-button {
  width: 40px;
  height: 40px;
  background: url(images/buttons/HelpBallonClose.svg) no-repeat center;
  background-size: 70%;
  position: absolute;
  top: 0px;
  right: 0px;
  cursor: pointer; }

.doc-component-wrapper {
  max-width: 1070px;
  height: 100%;
  /* background-color: red; */
  margin: auto; }

.doc-button-uploads-documents {
  width: 125px;
  height: 38px;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  cursor: pointer; }

.doc-container {
  max-width: 100%;
  height: auto;
  min-height: 300px;
  margin: auto;
  border: 1px solid #9FC522;
  border-radius: 18px;
  margin-top: 21px;
  box-sizing: border-box;
  padding: 20px;
  position: relative;
  transition: all 0.75s ease-in-out; }

.doc-container-pointer {
  width: 35px;
  height: 20px;
  background-image: url(images/NoteDocBalloonPointer.svg);
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: -16px;
  left: 168px;
  transition: all 0.75s ease-in-out; }

.doc-select-uploads-button {
  width: auto;
  height: auto;
  transition: all 0.5s ease-in-out;
  /* background-color: green; */
  display: inline-block;
  vertical-align: text-top; }

.doc-select-button {
  position: absolute;
  display: block;
  min-width: 60px;
  height: 28px;
  font-family: "PlayBold";
  text-decoration: none;
  text-align: left;
  line-height: 25px;
  background: #4A90E2;
  border: 2px solid #FFFFFF;
  border-radius: 7px;
  font-size: 15px;
  color: #FFFFFF;
  cursor: pointer;
  text-transform: uppercase;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 15px; }

.doc-select-button:after {
  border: 0px solid #FFF;
  border-radius: 8px;
  content: '';
  position: absolute;
  top: -4px;
  left: -4px;
  right: -4px;
  bottom: -4px;
  z-index: -1;
  background-color: #4A90E2; }

.doc-select-button-add-icon {
  width: 24px;
  height: 24px;
  background-image: url(images/buttons/AddButtonLarge.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-color: #FFFFFF;
  position: relative;
  top: 0px;
  left: -10px;
  display: inline-block;
  border-radius: 4px;
  vertical-align: top; }

.doc-select-button-wrapper {
  width: 100%;
  height: 30px;
  box-sizing: border-box;
  margin-bottom: 15px; }

.doc-flex-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
  flex-flow: row;
  width: 100%;
  /* background-color: purple; */ }

.doc-notes-container-left {
  float: left;
  -ms-flex: 1 60%;
  flex: 1 60%;
  margin-right: 10px;
  height: 290px;
  overflow-y: scroll;
  padding-left: 5px; }

.doc-notes-container-right {
  float: right;
  -ms-flex: 1 40%;
  flex: 1 40%;
  border: 1px solid #9FC522;
  border-radius: 8px;
  height: 270px;
  padding: 10px; }

.doc-note-item {
  background: #FFFFFF;
  border-radius: 100px;
  width: auto;
  height: 36px;
  margin-top: 5px;
  font-family: "playbold";
  font-size: 18px;
  color: #4A90E2;
  line-height: 37px;
  box-sizing: border-box;
  padding-left: 20px;
  border: 1px solid #4A90E2;
  margin-right: 10px;
  cursor: pointer;
  position: relative; }

.doc-note-item-add-note {
  background: #FFFFFF;
  border-radius: 100px;
  width: 94%;
  height: 32px;
  margin-top: 6px;
  margin-bottom: 10px;
  font-family: "playbold";
  font-size: 18px;
  color: #FFFFFF;
  line-height: 30px;
  box-sizing: border-box;
  padding-left: 20px;
  border: 1px solid #FFFFFF;
  margin-right: 10px;
  cursor: pointer;
  position: relative;
  background-color: #4A90E2; }

.doc-note-item-add-note:after {
  border: 2px solid #4A90E2;
  border-radius: 23px;
  content: '';
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  z-index: 0;
  /* background-color: #4A90E2; */ }

.doc-note-item-selected {
  background: #9FC522;
  color: #FFFFFF;
  border: 0px solid #4A90E2; }

.doc-textbox-spacer {
  width: 40%;
  height: 39px;
  display: inline-block;
  float: left;
  text-overflow: ellipsis;
  overflow: hidden; }

.doc-notes-textbox {
  width: 100%;
  height: 100%;
  font-family: "playregular";
  font-size: 15px;
  color: #929292;
  letter-spacing: 0px;
  overflow-y: scroll;
  text-align: justify;
  box-sizing: border-box;
  padding: 10px;
  border: 0px solid #4A90E2; }

.doc-download-icon {
  width: 40px;
  height: 40px;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  top: -3px;
  left: -22px;
  /* float: left; */
  display: inline-block;
  vertical-align: top;
  margin-right: -15px;
  float: left; }

.doc-note-remove-button {
  width: 37px;
  height: 37px;
  background-image: url(images/buttons/ButtonMiniClose.svg);
  text-align: center;
  line-height: 38px;
  /* font-size: 20px; */
  font-family: "playbold";
  font-size: 18px;
  color: #9FC522;
  cursor: pointer;
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 200; }

.doc-note-item-disabled {
  opacity: .20;
  transition: all .5s ease-in-out; }

.doc-upload-container-left {
  width: 350px;
  float: left;
  margin-right: 10px;
  height: 290px;
  position: relative; }

.doc-upload-container-right {
  float: right;
  -ms-flex: 1 70%;
  flex: 1 70%;
  border: 1px solid #9FC522;
  border-radius: 8px;
  height: 262px;
  padding: 10px; }

.doc-upload-area-dotted {
  width: 98%;
  height: 98%;
  border: 3px dashed #C8C8C8;
  border-radius: 21px;
  padding: 7px;
  position: absolute;
  box-sizing: border-box; }

.doc-upload-area-filled {
  width: 100%;
  height: 100%;
  background-image: url(images/icons/AddFileFolder.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 70%;
  background-color: rgba(0, 0, 0, 0.04);
  border: 1px solid #C8C8C8;
  border-radius: 14px;
  position: relative;
  box-sizing: border-box;
  margin: auto;
  /* top: 7px; */ }

.doc-upload-bar {
  width: 100%;
  height: 32px;
  display: block;
  /* background-color: red; */
  margin-top: 20px;
  position: relative; }

.doc-input-box {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1; }

.doc-input-box + label {
  font-size: 1.25em;
  font-weight: 700;
  color: white;
  background-color: #4a90e2;
  display: inline-block;
  font-family: "playregular";
  font-size: 16px;
  width: auto;
  height: 31px;
  line-height: 31px;
  text-align: center;
  padding-left: 25px;
  padding-right: 25px;
  border-radius: 7px;
  text-transform: uppercase; }

.doc-input-box:focus + label,
.doc-input-box + label:hover {
  background-color: #9FC522; }

.doc-input-display {
  width: auto;
  height: 31px;
  /* border: 1px solid #4A90E2; */
  border-radius: 7px;
  font-family: "playregular";
  font-size: 18px;
  color: #4A90E2;
  letter-spacing: 0px;
  line-height: 29px;
  box-sizing: border-box;
  padding-left: 10px;
  float: left; }

.doc-upload-bar-left {
  width: 165px;
  float: left;
  margin-right: 10px;
  height: 100%;
  /* background-color: grey; */ }

.doc-upload-bar-right {
  -ms-flex: 1 auto;
  flex: 1 auto;
  height: 100%;
  /* background-color: green; */
  overflow: hidden; }

.doc-upload-button {
  top: 1px;
  cursor: none; }

.doc-upload-submit-button {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: red;
  top: 0px;
  left: 0px;
  z-index: 400;
  cursor: pointer;
  opacity: 0; }

.doc-save-bar {
  width: 100%;
  height: 32px;
  display: block;
  /* background-color: red; */
  margin-top: 20px;
  position: relative;
  text-align: right; }

.doc-confirm-bar {
  width: 100%;
  height: 32px;
  display: block;
  /* background-color: red; */
  margin-top: 100px;
  position: relative;
  text-align: center; }

.doc-confirm-bar h1 {
  font-family: "playbold";
  font-size: 34.4px;
  color: #9FC522;
  letter-spacing: 0px; }

.doc-confirm-bar h2 {
  /* Would you like to up: */
  font-family: Play-Bold;
  font-size: 19.39px;
  color: #9A9A9A;
  letter-spacing: 0px;
  margin-top: 40px; }

.doc-save-button {
  min-width: 200px;
  position: relative;
  top: 0px;
  right: 0px;
  text-align: center;
  float: right;
  margin-left: 10px; }

.doc-dropzone-overlay {
  background: rgba(159, 197, 33, 0.8);
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 2000;
  box-sizing: border-box;
  padding: 200px;
  display: none; }

.doc-dropzone-inlay {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 2000;
  border: 10px dashed white;
  border-radius: 100px;
  background-image: url(images/DropFileSvg.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 30%; }

/*------------------------Filers Start Here-------------------------*/
.main-filter-fx {
  width: 300px;
  position: absolute;
  z-index: 1;
  top: 100%;
  left: -2px; }

.main-filter-wrapper {
  width: 100%;
  background: #ffffff;
  border: 2px solid #4A90E2;
  border-radius: 14px;
  position: absolute;
  top: 15px;
  left: 0;
  padding: 0 10px;
  box-sizing: border-box; }
  .main-filter-wrapper:after {
    border-radius: 14px;
    content: '';
    position: absolute;
    top: -6px;
    left: -6px;
    right: -6px;
    bottom: -6px;
    z-index: -1;
    background-color: #ffffff;
    box-shadow: 6px 7px 0 2px rgba(0, 0, 0, 0.18); }

.scrolling-buttons-down {
  width: 100%;
  height: 20px;
  background: #4A90E2 url(images/ArrowDown.svg) no-repeat center;
  margin-top: 10px;
  border-radius: 0 0 10px 10px;
  display: inline-block;
  cursor: pointer; }

.scrolling-buttons-up {
  width: 100%;
  height: 20px;
  background: #4A90E2 url(images/ArrowUp.svg) no-repeat center;
  margin: 10px 0 0 0;
  border-radius: 10px 10px 0 0;
  display: inline-block;
  cursor: pointer; }

/*-----------------------Filters------------------------*/
.filter-content {
  width: 100%;
  height: auto;
  max-height: 320px;
  overflow-y: scroll;
  color: #4A90E2; }
  .filter-content h2 {
    text-transform: uppercase;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: 900;
    font-size: 15px;
    text-decoration: none;
    color: #4A90E2;
    margin-bottom: 20px; }

.filter-color-swatches-listitem-renders {
  width: 76px;
  height: 76px;
  background-position: center;
  background-repeat: repeat;
  border: 2px solid #ffffff;
  box-shadow: 4px 3px 0px 0px rgba(0, 0, 0, 0.16);
  border-radius: 9px;
  float: left;
  margin: 3px;
  overflow: hidden;
  cursor: pointer;
  position: relative; }
  .filter-color-swatches-listitem-renders-selection {
    width: 60px;
    height: 60px;
    background-repeat: repeat;
    border: 8px solid #9fc522;
    border-radius: 1px;
    position: absolute;
    z-index: 1; }
  .filter-color-swatches-listitem-renders-selection2 {
    width: 55px;
    height: 53px;
    background-repeat: repeat;
    border: 15px solid rgba(0, 0, 0, 0.39);
    border-radius: 1px;
    position: absolute;
    z-index: 0; }

.filter-color-names {
  width: 95%;
  height: 75px;
  background-color: #D0021B;
  background-position: center;
  background-size: cover;
  border: 2px solid #ffffff;
  box-shadow: 4px 3px 0px 0px rgba(0, 0, 0, 0.16);
  border-radius: 9px;
  margin-right: 300px;
  margin-bottom: 7px;
  position: relative;
  box-sizing: border-box; }
  .filter-color-names-selected {
    border: 8px solid #9fc522; }
  .filter-color-names-title {
    width: 100%;
    height: 28px;
    background-color: rgba(0, 0, 0, 0.5);
    border-top: 2px solid #ffffff;
    border-bottom: 0px solid #ffffff;
    border-left: 0px solid #ffffff;
    border-right: 0px solid #ffffff;
    border-radius: 0px 0px 9px 9px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    font-family: "PlayBold";
    font-size: 15px;
    color: #ffffff;
    letter-spacing: 0px;
    text-transform: uppercase;
    text-align: center;
    box-sizing: border-box;
    padding-top: 13px;
    line-height: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }

.filter-button-listitem-renderers {
  position: relative;
  margin: 1px 10px 10px 1px;
  display: block;
  height: 35px;
  text-align: left;
  text-transform: uppercase;
  line-height: 39px;
  background: #4A90E2;
  border: 5px solid #ffffff;
  border-radius: 10px;
  font-size: 17px;
  color: #ffffff;
  cursor: pointer; }
  .filter-button-listitem-renderers:last-child {
    margin-bottom: 0; }
  .filter-button-listitem-renderers:only-child {
    margin-bottom: 10px; }
  .filter-button-listitem-renderers > span {
    display: inline-block;
    width: calc(100% - 50px);
    overflow: hidden;
    text-overflow: ellipsis; }

.filter-button-radio {
  width: 35px;
  height: 35px;
  background-image: url(images/RadioButtonChecked.svg);
  float: left;
  margin-right: 5px;
  margin-left: 2px; }
  .filter-button-radio-arrow-toggle {
    width: 35px;
    height: 35px;
    background-image: url(images/RadioButtonToggleArrow.svg);
    float: left;
    margin-right: 5px;
    margin-left: 2px; }
    .filter-button-radio-arrow-toggle-closed {
      width: 35px;
      height: 35px;
      background-image: url(images/RadioButtonToggleArrowClosed.svg);
      float: left;
      margin-right: 5px;
      margin-left: 2px; }
  .filter-button-radio-disabled {
    width: 35px;
    height: 35px;
    background-image: url(images/RadioButtonDeactive.svg);
    float: left;
    margin-right: 5px;
    margin-left: 2px; }

.filter-button-wrapper-accept {
  width: 60%;
  height: auto;
  float: left;
  position: relative;
  padding-right: 15px;
  box-sizing: border-box; }

.filter-button-wrapper-reset {
  height: auto;
  float: right;
  position: relative;
  width: 40%;
  padding-left: 15px;
  box-sizing: border-box; }

.filter-lir {
  width: 100%;
  height: auto; }

.filter-button-listitem-renderers:after {
  border: 2px solid #4A90E2;
  border-radius: 8px;
  content: '';
  position: absolute;
  top: -6px;
  left: -6px;
  right: -6px;
  bottom: -6px;
  z-index: 0;
  /* background-color: $blue; */ }

.filter-button-listitem-renderers-disabled {
  background-color: #C6C6C6; }
  .filter-button-listitem-renderers-disabled:after {
    border: 2px solid #C6C6C6; }

.filter-image-listitem-renderers {
  width: auto;
  height: auto;
  min-width: 100px;
  margin-bottom: 10px;
  margin-right: 5px;
  border-radius: 16px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 6px;
  text-align: center;
  display: table;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 8px;
  cursor: pointer; }
  .filter-image-listitem-renderers-selected {
    background-color: #7ED321; }

.filter-fridge-listitem-renderer {
  width: auto;
  height: 95px;
  margin-top: 7px;
  margin-right: 5px;
  border-radius: 0px 0px 0px 0px;
  -moz-border-radius: 0px 0px 0px 0px;
  -webkit-border-radius: 0px 0px 0px 0px;
  border-left: 0px dotted #cfcfcf;
  border-right: 0px dotted #cfcfcf;
  border-bottom: 2px dotted #cfcfcf;
  border-top: 0px dotted #cfcfcf;
  position: relative;
  overflow: visible;
  cursor: pointer; }
  .filter-fridge-listitem-renderer-selction {
    width: 96%;
    height: 87%;
    position: absolute;
    /* background-color: red; */
    border: 6px solid #9fc522;
    border-radius: 8px;
    top: -2px; }

.filter-fridge-text {
  font-family: Helvetica, Arial, sans-serif;
  width: 205px;
  height: 100%;
  float: right;
  text-align: left; }
  .filter-fridge-text h1 {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 13px;
    color: #808080;
    text-transform: uppercase;
    margin-top: 20px; }
  .filter-fridge-text p {
    font-family: Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: #808080;
    margin-bottom: 5px; }

.filter-accept-button-wrapper {
  height: auto;
  display: block;
  font-size: 15px;
  text-decoration: none;
  background: #ffffff;
  border: 2px solid #4A90E2;
  border-radius: 14px;
  position: absolute;
  bottom: -90px;
  left: -2px;
  padding: 10px;
  box-sizing: border-box;
  width: calc(100% + 4px); }
  .filter-accept-button-wrapper:after {
    border: 0px solid #FFF;
    border-radius: 14px 14px 14px 14px;
    content: '';
    position: absolute;
    top: -6px;
    left: -6px;
    right: -6px;
    bottom: -6px;
    z-index: -1;
    background-color: white;
    box-shadow: 6px 7px 0px 2px rgba(0, 0, 0, 0.18); }

.filter-accept-button-listitem-renderers {
  position: relative;
  margin-bottom: 10px;
  margin-left: 10px;
  margin-top: 10px;
  display: block;
  width: 90%;
  height: 35px;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 900;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  line-height: 39px;
  background: #9FC522;
  border: 5px solid #ffffff;
  border-radius: 10px;
  font-size: 17px;
  color: #ffffff;
  cursor: pointer; }
  .filter-accept-button-listitem-renderers:after {
    border: 2px solid #9FC522;
    border-radius: 8px;
    content: '';
    position: absolute;
    top: -6px;
    left: -6px;
    right: -6px;
    bottom: -6px;
    z-index: 0;
    /* background-color: $blue; */ }
  .filter-accept-button-listitem-renderers-mini {
    display: block;
    width: 100%;
    height: 35px;
    text-align: center;
    text-transform: uppercase;
    line-height: 34px;
    background: #9FC522;
    border: 5px solid #ffffff;
    border-radius: 10px 0 0 10px;
    font-size: 17px;
    color: #ffffff;
    cursor: pointer;
    position: relative; }
    .filter-accept-button-listitem-renderers-mini:after {
      border: 2px solid #9FC522;
      border-radius: 8px 0 0 8px;
      content: '';
      position: absolute;
      top: -6px;
      left: -6px;
      right: -6px;
      bottom: -6px;
      z-index: 0;
      /* background-color: $blue; */ }

.filter-reset-button-listitem-renderers-mini {
  display: block;
  width: 100%;
  height: 35px;
  text-align: center;
  text-transform: uppercase;
  line-height: 34px;
  background: #B30016;
  border: 5px solid #ffffff;
  border-radius: 0 10px 10px 0;
  font-size: 17px;
  color: #ffffff;
  cursor: pointer;
  float: right;
  position: relative; }
  .filter-reset-button-listitem-renderers-mini:after {
    border: 2px solid #B30016;
    border-radius: 0px 8px 8px 0px;
    content: '';
    position: absolute;
    top: -6px;
    left: -6px;
    right: -6px;
    bottom: -6px;
    z-index: 0;
    /* background-color: $blue; */ }

.filter-cabinet-style-listitem-renderer {
  width: auto;
  /* height: 100px; */
  margin-top: 12px;
  margin-bottom: 22px;
  margin-right: 5px;
  border-radius: 0px 0px 0px 0px;
  -moz-border-radius: 0px 0px 0px 0px;
  -webkit-border-radius: 0px 0px 0px 0px;
  border-left: 0px dotted #cfcfcf;
  border-right: 0px dotted #cfcfcf;
  border-bottom: 2px dotted #cfcfcf;
  border-top: 0px dotted #cfcfcf;
  position: relative;
  overflow: visible;
  cursor: pointer;
  /* background-color: red; */
  text-align: center; }
  .filter-cabinet-style-listitem-renderer-selction {
    width: 96%;
    height: 106%;
    position: absolute;
    /* background-color: red; */
    border: 6px solid #9fc522;
    border-radius: 21px;
    top: -12px; }

.filter-cabinet-style-text {
  font-family: Helvetica, Arial, sans-serif; }
  .filter-cabinet-style-text h1 {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 13px;
    color: #808080;
    text-transform: uppercase; }
  .filter-cabinet-style-text p {
    font-family: Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: #808080;
    margin-bottom: 5px; }

.filter-sub-menu-wrapper {
  width: auto;
  height: auto;
  text-align: right;
  margin-bottom: 40px;
  margin-top: -7px; }

.filter-sub-menu-lir {
  position: relative;
  margin-bottom: -2px;
  margin-right: 14px;
  margin-top: 0px;
  display: inline-block;
  width: 88%;
  height: 45px;
  font-family: "playbold";
  text-align: left;
  text-transform: uppercase;
  line-height: 39px;
  font-size: 17px;
  color: #9A9A9A;
  cursor: pointer;
  border-bottom: 1px dashed #979797;
  box-sizing: border-box;
  padding-top: 5px; }

.filter-sub-menu-radio {
  width: 24px;
  height: 24px;
  border: 3px solid #9A9A9A;
  border-radius: 70px;
  position: relative;
  margin-top: 3px;
  margin-right: 7px;
  float: left; }
  .filter-sub-menu-radio-selected {
    border: 3px solid #4A90E2; }
  .filter-sub-menu-radio-filled {
    background-color: #4A90E2;
    top: 2px;
    bottom: 2px;
    left: 2px;
    right: 2px;
    position: absolute;
    border-radius: 70px; }

.footer-wrapper {
  width: 100%;
  height: 100px;
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: #ffffff;
  z-index: 100; }
  .footer-wrapper__inner {
    padding: 20px;
    background-color: #ffffff;
    box-sizing: border-box;
    display: table;
    width: 100%; }
  .footer-wrapper--scope .footer-button-container {
    width: 250px; }
  .footer-wrapper--scope .footer-forward-button {
    width: 200px; }

.footer-button-container {
  width: 200px;
  padding: 6px 0 0 0;
  box-sizing: border-box; }
  .footer-button-container--multiple {
    width: 330px; }

.footer-help-text {
  font-family: "playbold", serif;
  font-size: 39px;
  color: #4A90E2;
  float: left;
  box-sizing: border-box;
  line-height: 100px;
  margin-left: 15px; }

.footer-back-button {
  min-width: 70px;
  width: 92px;
  height: 49px;
  background-image: url(images/buttons/BackButton.svg);
  background-position: left;
  background-repeat: repeat-x;
  position: relative;
  font-size: 24px;
  color: #ffffff;
  line-height: 43px;
  padding-left: 48px;
  text-transform: uppercase;
  display: inline-block;
  margin: 0 0 0 20px;
  cursor: pointer; }
  .footer-back-button-endcap {
    width: 8px;
    height: 49px;
    background-image: url(images/buttons/BackButton.svg);
    background-position: right;
    background-repeat: repeat-x;
    position: absolute;
    right: -8px; }

.footer-forward-button {
  min-width: 103px;
  width: 118px;
  height: 49px;
  background-image: url(images/buttons/ForwardButton.svg);
  background-position: right;
  background-repeat: repeat-x;
  position: relative;
  font-size: 24px;
  color: #ffffff;
  line-height: 43px;
  padding-right: 24px;
  float: right;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer; }
  .footer-forward-button-endcap {
    width: 8px;
    height: 49px;
    background-image: url(images/buttons/ForwardButton.svg);
    background-position: left;
    background-repeat: repeat-x;
    position: absolute;
    left: -8px; }

.footer-visualize {
  display: -ms-flexbox;
  display: flex;
  color: #4A90E2;
  -ms-flex-align: center;
  align-items: center;
  height: 83px;
  text-align: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  background-color: #ffffff; }
  .footer-visualize-image {
    width: 45px;
    height: 45px;
    background: url(images/icons/icon-art-palet.svg) left 7px center no-repeat;
    background-size: 35px;
    margin: 0 3px 0 0; }
  .footer-visualize-text {
    width: 110px;
    margin: 0 0 0 3px;
    text-align: left;
    font-size: 18px;
    line-height: 18px; }

.header-bar {
  height: 150px;
  padding: 20px 0 0 0;
  position: relative;
  box-sizing: border-box; }
  .header-bar-stones {
    border-bottom: 1px solid #BEBEBE; }
    .header-bar-stones.header-bar-docked {
      background-color: #ffffff;
      border-bottom: 1px solid #4A90E2;
      position: fixed;
      width: calc(100% - 20px);
      overflow: hidden;
      top: 0;
      z-index: 600; }
  .header-bar-summary {
    height: auto; }

.header-logo {
  margin: 0 auto 10px auto;
  text-align: center;
  transition: all 0.3s ease;
  font-size: 100px;
  color: #82B340;
  width: 560px;
  height: 100px;
  background: url(images/Logos/QuoteCountertops-Logo.svg) center center no-repeat;
  background-size: contain; }

.header-info-wrapper {
  position: absolute;
  top: 20px;
  right: 20px; }

.header-info-phone-number {
  width: 144px;
  height: 45px;
  background-image: url(images/icons/IconMobilePhone.svg);
  background-position: 9px;
  background-repeat: no-repeat;
  border-radius: 7px;
  font-family: "playbold";
  font-size: 18px;
  color: #4A90E2;
  letter-spacing: 0px;
  padding-left: 39px;
  line-height: 43px;
  float: left;
  transition: all 0.3s ease; }
  .header-info-phone-number a {
    color: inherit;
    text-decoration: none; }

.header-info-cart {
  width: 60px;
  height: 45px;
  background-image: url(images/icons/IconShoppingCart.svg);
  background-position: 9px;
  background-repeat: no-repeat;
  background-color: #FFFFFF;
  border: 1px solid #4A90E2;
  border-radius: 7px;
  font-family: "playbold";
  font-size: 18px;
  color: #4A90E2;
  letter-spacing: 0px;
  padding-left: 45px;
  line-height: 43px;
  float: left;
  margin-right: 7px;
  cursor: pointer;
  display: none; }
  .header-info-cart-amount {
    width: 60px;
    height: 45px;
    border: 1px solid #4A90E2;
    border-width: 0px 0px 0px 1px;
    font-family: "playbold";
    font-size: 25px;
    color: #4A90E2;
    letter-spacing: 0px;
    /* padding-left: 39px; */
    line-height: 43px;
    float: left;
    margin-right: 7px;
    text-align: center;
    /* background-color: yellow; */ }

.header-info-kv {
  width: calc(100% + 60px);
  height: 50px;
  background: #ffffff;
  position: absolute;
  right: -20px;
  top: 65px;
  border-radius: 50px 0 0 50px;
  color: #4A90E2;
  font-size: 20px;
  line-height: 48px;
  padding-left: 48px;
  box-sizing: border-box;
  cursor: pointer; }
  .header-info-kv:after {
    content: "";
    display: block;
    width: 100%;
    height: 38px;
    border: 2px dashed #4A90E2;
    position: absolute;
    left: 4px;
    top: 4px;
    border-radius: 45px 0 0 45px; }
  .header-info-kv:before {
    content: "";
    display: block;
    width: 28px;
    height: 28px;
    border: 2px solid #4A90E2;
    position: absolute;
    background: url(images/icons/icon-brush-visualizer.svg) center center no-repeat;
    background-size: 34px;
    left: 10px;
    top: 9px;
    border-radius: 40px; }

.home {
  display: none; }
  .home-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    border: 0;
    width: 40px;
    height: 40px;
    cursor: pointer;
    left: 10px;
    top: 8px;
    display: block;
    position: absolute;
    box-sizing: border-box;
    background: url(images/kv-icons/kv-icons-home.svg) center center no-repeat;
    background-size: 32px;
    z-index: 3; }
  .home-menu {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    left: 0;
    top: 0;
    z-index: 900;
    margin: 0;
    background: #ffffff;
    height: 100%;
    width: 240px;
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    position: fixed;
    box-sizing: border-box;
    transition: all 0.6s ease; }
    .home-menu--opened {
      -ms-transform: translateX(0);
      transform: translateX(0);
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }
    .home-menu__link {
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      -ms-flex-align: center;
      align-items: center;
      display: -ms-flexbox;
      display: flex;
      padding: 0 15px;
      font-size: 20px;
      float: none;
      border-bottom: 1px dashed #979797;
      color: #4A90E2;
      border-radius: 0;
      background: none;
      width: 100%;
      text-align: left;
      box-sizing: border-box;
      margin: 0;
      height: auto;
      box-shadow: none;
      line-height: 50px;
      text-transform: uppercase;
      text-decoration: none; }
      .home-menu__link:visited {
        color: #4A90E2;
        background-color: #ffffff; }
      .home-menu__link:hover {
        background-color: #4A90E2;
        color: #ffffff; }
    .home-menu-list {
      padding: 0;
      margin: 0;
      overflow-y: auto;
      height: calc(100% - 70px); }
      .home-menu-list::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 16px; }
        .home-menu-list::-webkit-scrollbar-thumb {
          border-radius: 100px;
          background-color: #4A90E2; }
        .home-menu-list::-webkit-scrollbar-track {
          border-radius: 100px;
          background-color: rgba(169, 169, 169, 0.38); }
    .home-menu-logo {
      height: 60px;
      border-bottom: 1px solid #9b9b9b; }
      .home-menu-logo-house {
        width: 60px;
        height: 60px;
        background: #ffffff url(images/kv-icons/kv-icons-home-gray.svg) top 14px center no-repeat;
        background-size: 32px;
        cursor: pointer; }
      .home-menu-logo-vendor {
        background-size: 95%;
        background-repeat: no-repeat;
        background-position: left center; }

/*--------------Help Balloon----------------*/
.exclude-children-from-overflow {
  position: absolute;
  z-index: 300; }

.help-balloon-wrapper {
  width: auto;
  height: auto;
  position: absolute;
  z-index: 300;
  min-width: 370px;
  padding: 25px 10px 10px 0;
  box-sizing: border-box;
  background: url(images/HelpBallonPointer.svg) no-repeat top center;
  border-radius: 15px; }

.help-balloon-panel {
  width: auto;
  height: auto;
  background: #ffffff;
  border: 3px solid #ffffff;
  box-shadow: 8px 9px 0 0 rgba(0, 0, 0, 0.54);
  border-radius: 15px;
  box-sizing: border-box;
  padding: 20px 40px 40px 40px; }
  .help-balloon-panel h13 {
    font-size: 19.5px;
    color: #4A90E2;
    text-align: center;
    display: block;
    text-transform: uppercase;
    clear: both; }
  .help-balloon-panel p {
    font-size: 16px;
    color: #4A90E2;
    line-height: 15.6px;
    margin-top: 21px;
    text-align: left; }

.help-balloon-close-button {
  cursor: pointer;
  width: 40px;
  height: 40px;
  background: url(images/buttons/HelpBallonClose.svg) no-repeat center;
  float: right;
  margin: -20px -40px -10px 0; }

/*-------Individual Number Positioning and Input Wrapper---------*/
.input-wrapper {
  position: relative; }

.project-scope-box .numberpad-main-frame {
  top: 75px;
  left: -75px; }

.review-submit-qd-listitemrenderer .numberpad-main-frame {
  top: 48px;
  left: -100px; }

.project-scope-blank-set-box-form .numberpad-main-frame {
  top: -6px;
  left: -94px; }

.lightbox-input-container .numberpad-main-frame {
  top: 17px;
  left: 5px; }

/*---------------Keyboard and Numberpad----------------*/
.numberpad-main-frame {
  width: 158px;
  height: auto;
  background: #FFFFFF;
  border: 1px solid #4A90E2;
  box-shadow: 5px 5px 0px 2px rgba(0, 0, 0, 0.18);
  border-radius: 15px;
  position: absolute;
  z-index: 400;
  box-sizing: border-box;
  padding-left: 5px;
  padding-top: 5px;
  padding-bottom: 10px;
  transition: all 0.25s ease-in-out; }

.numberpad-keys {
  cursor: pointer;
  width: 40px;
  height: 40px;
  border: 1px solid #4A90E2;
  border-radius: 6px;
  float: left;
  margin-left: 5px;
  margin-top: 5px;
  font-family: "playbold";
  font-size: 19.12px;
  color: #4A90E2;
  letter-spacing: 0px;
  box-sizing: border-box;
  padding-right: 4px;
  padding-top: 15px;
  line-height: 21px;
  text-align: right; }

.numberpad-keys-extended-special {
  width: 95px;
  height: 36px;
  border: 1px solid #4A90E2;
  border-radius: 6px;
  float: left;
  margin-left: 5px;
  margin-top: 5px;
  font-family: "playbold";
  font-size: 19.12px;
  color: #4A90E2;
  letter-spacing: 0px;
  box-sizing: border-box;
  padding-right: 4px;
  padding-top: 15px;
  margin-bottom: 3px;
  margin-right: 20px;
  line-height: 21px;
  text-align: right; }

.numberpad-keys-extended {
  width: 85px;
  height: 40px;
  border: 1px solid #4A90E2;
  border-radius: 6px;
  float: left;
  margin-left: 5px;
  margin-top: 5px;
  font-family: "playbold";
  font-size: 19.12px;
  color: #4A90E2;
  letter-spacing: 0px;
  box-sizing: border-box;
  padding-right: 4px;
  padding-top: 15px;
  line-height: 21px;
  text-align: right;
  cursor: pointer; }

.numberpad-backspace-icon {
  width: 30px;
  height: 30px;
  background-image: url(images/buttons/BackspaceIcon.svg);
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 16px;
  right: 80px; }

.keyboard-main-frame {
  width: 556px;
  height: 300px;
  background: #FFFFFF;
  border: 1px solid #4A90E2;
  box-shadow: 5px 5px 0px 2px rgba(0, 0, 0, 0.18);
  border-radius: 15px;
  position: absolute;
  z-index: 400;
  box-sizing: border-box;
  padding-left: 3px; }

.keyboard-main-frame-extended {
  width: 730px;
  height: 300px;
  background: #FFFFFF;
  border: 1px solid #4A90E2;
  box-shadow: 5px 5px 0px 2px rgba(0, 0, 0, 0.18);
  border-radius: 15px;
  position: absolute;
  z-index: 400;
  box-sizing: border-box;
  padding-left: 3px; }

.keyboard-header-bar {
  width: 100%;
  height: 37px;
  background-image: url(images/KeyboardDragBar.svg);
  background-position: left;
  background-repeat: no-repeat;
  position: absolute;
  top: -6px;
  left: -6px;
  cursor: pointer;
  font-family: "playbold";
  font-size: 14.11px;
  color: rgba(154, 154, 154, 0.6);
  letter-spacing: 0px;
  box-sizing: border-box;
  padding-top: 19px;
  padding-left: 36px;
  text-transform: uppercase; }

.keyboard-header-bar-close-button {
  width: 50px;
  height: 50px;
  background-image: url(images/buttons/LargeCloseButton.svg);
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: -11px;
  right: -13px;
  z-index: 300;
  cursor: pointer; }

.keyboard-panel-wrapper {
  width: auto;
  height: 263px;
  /* background-color: yellow; */
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
  flex-flow: row;
  margin-top: 40px; }

.keyboard-left-panel {
  width: 550px;
  height: 263px;
  /* background-color: red; */ }

.keyboard-right-panel {
  /* max-width: 150px; */
  height: 263px;
  /* background-color: green; */
  -ms-flex: 1 0%;
  flex: 1 0%;
  overflow: hidden; }

.keybard-right-panel-buttons {
  width: 150px;
  height: 24px;
  background: #4A90E2;
  border-radius: 13px;
  margin-bottom: 4px;
  margin-left: 15px;
  font-family: "playbold";
  font-size: 14px;
  color: #FFFFFF;
  letter-spacing: 0px;
  text-align: center;
  line-height: 24px;
  cursor: pointer; }

.keyboard-keys {
  width: 40px;
  height: 40px;
  border: 1px solid #4A90E2;
  border-radius: 6px;
  float: left;
  margin-left: 9px;
  margin-top: 9px;
  font-family: "playbold";
  font-size: 19.12px;
  color: #4A90E2;
  letter-spacing: 0px;
  box-sizing: border-box;
  padding-left: 15px;
  padding-top: 15px;
  background-color: #FFFFFF;
  position: relative;
  cursor: pointer;
  text-transform: lowercase; }

.keyboard-keys-shifted-enabled {
  text-transform: uppercase; }

.keyboard-keys-shifted-disabled {
  opacity: .2; }

.keyboard-keys-shifted {
  background-color: #4A90E2; }

.keyboard-keys-shifted h1 {
  color: #FFFFFF !important; }

.keyboard-keys-shifted h2 {
  color: transparent !important; }

.keyboard-keys-extended-3x {
  width: 138px; }

.keyboard-keys-extended-5x {
  width: 236px; }

.keyboard-keys-extended-2point5x {
  width: 64px; }

.keyboard-keys h1 {
  position: absolute;
  top: -13px;
  left: 6px;
  font-family: "playbold";
  font-size: 19px;
  color: #4A90E2;
  letter-spacing: 0px;
  text-align: left; }

.keyboard-keys h2 {
  position: absolute;
  bottom: -14px;
  right: 3px;
  font-family: "playbold";
  font-size: 19px;
  color: #4A90E2;
  letter-spacing: 0px;
  text-align: right; }

.keyboard-keys h3 {
  position: absolute;
  bottom: -14px;
  right: 3px;
  font-family: "playbold";
  font-size: 19px;
  color: #FFFFFF;
  letter-spacing: 0px;
  text-align: right; }

.keyboard-backspace-key {
  cursor: pointer;
  position: relative;
  display: block;
  background-image: url(images/buttons/BackspaceSymbol.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-color: #4A90E2;
  border: 3px solid #FFFFFF; }

.keyboard-backspace-key:after {
  border: 0px solid #4A90E2;
  border-radius: 7px;
  content: '';
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  z-index: -1;
  background-color: #4A90E2; }

.review-submit-scroll-pane .keyboard-container.numberpad-main-frame {
  position: fixed;
  left: 1150px;
  top: 300px; }

/*Lightbox CSS Here---------------------------------------------------------*/
.lightbox-help-icon {
  width: 40px;
  height: 40px;
  background: url(images/buttons/ButtonHelp.svg) no-repeat center;
  position: absolute;
  cursor: pointer; }
  .lightbox-help-icon-circle {
    top: 53px;
    right: 42px; }
  .lightbox-help-icon-square {
    top: 44px;
    right: 42px; }

.lightbox-container {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  /* background-color: red; */
  z-index: 500;
  padding-bottom: 100px;
  box-sizing: border-box; }

.lightbox-wrapper {
  width: 100%;
  height: auto;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000000;
  z-index: 10;
  overflow-y: auto; }
  .lightbox-wrapper[style*="overflow"] .lightbox-fixed-block, .lightbox-wrapper[style*="overflow"] .lightbox-button-block {
    position: absolute; }
  .lightbox-wrapper__content {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000000;
    z-index: 10;
    overflow: auto; }

.lightbox-header-container {
  overflow: hidden;
  background: #000000;
  z-index: 10;
  min-height: 88px;
  width: 100%; }

.lightbox-title-block {
  height: auto;
  font-family: "playbold";
  padding-right: 545px;
  font-size: 36px;
  color: #FFFFFF;
  padding-top: 15px;
  padding-left: 20px;
  display: block;
  position: relative;
  z-index: 10; }
  .lightbox-title-block h7 {
    text-transform: uppercase;
    line-height: 0px; }
  .lightbox-title-block p {
    font-family: "playbold";
    font-size: 15px;
    color: #FFFFFF;
    letter-spacing: 0px; }

.lightbox-fixed-block {
  width: 100%;
  height: 88px;
  display: block;
  position: fixed;
  right: 20px;
  top: 0;
  box-sizing: border-box;
  background: #000000;
  z-index: 5; }

.lightbox-button-block {
  height: 88px;
  display: inline-block;
  position: fixed;
  right: 20px;
  top: 0;
  padding: 20px 20px 0 0;
  box-sizing: border-box;
  z-index: 15; }

.lightbox-save-button {
  position: relative;
  /* margin-bottom: 10px; */
  margin-left: 20px;
  margin-right: 0;
  /* margin-top: 10px; */
  display: block;
  width: 232px;
  height: 35px;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 900;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  line-height: 39px;
  background: #9FC522;
  border: 5px solid #FFFFFF;
  border-radius: 13px;
  font-size: 17px;
  color: #FFFFFF;
  cursor: pointer;
  float: right; }
  .lightbox-save-button:after {
    border: 4px solid #9FC522;
    border-radius: 14px;
    content: '';
    position: absolute;
    top: -8px;
    left: -8px;
    right: -8px;
    bottom: -8px;
    z-index: 0;
    /* background-color: #4A90E2; */ }

.lightbox-cancel-button {
  position: relative;
  /* margin-bottom: 10px; */
  margin-left: 0px;
  /* margin-top: 10px; */
  display: block;
  width: 232px;
  height: 35px;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 900;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  line-height: 39px;
  background: #4A90E2;
  border: 5px solid #FFFFFF;
  border-radius: 13px;
  font-size: 17px;
  color: #FFFFFF;
  cursor: pointer;
  float: right; }
  .lightbox-cancel-button:after {
    border: 4px solid #4A90E2;
    border-radius: 14px;
    content: '';
    position: absolute;
    top: -8px;
    left: -8px;
    right: -8px;
    bottom: -8px;
    z-index: 0;
    /* background-color: #4A90E2; */ }

.lightbox-options-wrapper {
  /*padding-top: 120px;*/
  max-width: 1920px;
  padding-bottom: 100px;
  min-height: 400px;
  margin: auto;
  overflow: hidden; }

.lightbox-options-button {
  position: fixed;
  bottom: 130px;
  right: 50px;
  margin-left: 20px;
  display: inline-block;
  padding: 2px 0 2px 35px;
  border-radius: 8px;
  width: 242px;
  height: 48px;
  color: #4A90E2;
  line-height: 17px;
  cursor: pointer;
  background: #ffffff url(images/icons/sqft-icon.svg) left center no-repeat;
  background-size: 40px;
  font-size: 19px;
  border: 5px solid #ffffff; }
  .lightbox-options-button:before {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    width: 246px;
    height: 52px;
    display: block;
    border: 3px dotted #4A90E2;
    border-radius: 12px; }

.lightbox-option-round {
  width: 250px;
  height: 250px;
  background-image: url(images/buttons/LightboxOval.svg);
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  outline: none;
  -webkit-tap-highlight-color: transparent; }
  .lightbox-option-round:focus, .lightbox-option-round:active {
    outline: none;
    -webkit-tap-highlight-color: transparent; }
  .lightbox-option-round-loader {
    width: 195px;
    height: 120px;
    margin-top: 75px;
    margin-left: 30px;
    overflow: hidden; }
    .lightbox-option-round-loader-faucet {
      width: 250px;
      height: 215px;
      margin-top: 11px;
      margin-left: 0px;
      overflow: hidden;
      background-position: 0px 16px;
      background-repeat: no-repeat;
      background-size: 80%;
      /* background-color: red; */ }
    .lightbox-option-round-loader-edge {
      width: 250px;
      height: 215px;
      margin-top: 11px;
      margin-left: 0px;
      overflow: hidden;
      background-position: 30px 64px;
      background-repeat: no-repeat;
      background-size: 154px;
      /* background-color: red; */ }
  .lightbox-option-round .lightbox-description-text {
    padding: 10px 15px 0 15px; }

.lightbox-option-rectangular {
  width: 250px;
  height: 250px;
  background-image: url(images/buttons/LightboxRectangle.svg);
  background-position: center;
  background-repeat: no-repeat;
  position: relative; }
  .lightbox-option-rectangular-loader {
    width: 144px;
    height: 122px;
    /* background-color: red; */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 52px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 14px;
    overflow: hidden;
    padding-top: 21px;
    text-align: center;
    border: 2px solid #000000; }

.lightbox-option-content {
  cursor: pointer; }

.lightbox-input {
  width: 185px;
  height: 40px;
  border: 7px solid #4A90E2;
  border-radius: 100px;
  margin: auto;
  font-family: "playbold";
  font-size: 21px;
  letter-spacing: 0px;
  text-transform: uppercase;
  text-align: center;
  color: #B3B3B3;
  background: #FFFFFF; }
  .lightbox-input-container {
    width: 100%;
    height: 59px;
    position: absolute;
    bottom: 21px;
    left: 0px;
    text-align: center; }

.lightbox-description-text {
  width: 100%;
  padding: 30px 15px 0 15px;
  box-sizing: border-box;
  height: auto;
  font-family: "playbold";
  font-size: 18px;
  color: #939393;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

/*Lightbox CSS END---------------------------------------------------------*/
/* Message Popup Window */
.full-screen-wrapper {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
  padding-right: 30px;
  padding-left: 30px;
  z-index: 1000;
  animation: full-screen-wrapper-anim .75s ease-in-out 1; }
  .full-screen-wrapper-iframe {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    box-sizing: border-box;
    padding-right: 30px;
    padding-left: 30px;
    z-index: 1000;
    animation: full-screen-wrapper-anim .75s ease-in-out 1; }

@keyframes full-screen-wrapper-anim {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.processing-icon {
  width: 400px;
  height: 200px;
  background-color: red;
  margin: auto;
  position: absolute;
  left: calc(50% - (400px / 2));
  top: calc(50% - (200px / 2)); }

.message-window-base {
  /*update customer-info-popup as well*/
  max-width: 900px;
  min-width: 400px;
  height: 400px;
  background-color: #FFFFFF;
  margin: auto;
  position: relative;
  top: 30%;
  -ms-transform: translateY(-30%);
  transform: translateY(-30%);
  border-radius: 21px;
  box-shadow: 11px 12px 0px 0px rgba(0, 0, 0, 0.18);
  font-family: "playbold";
  font-size: 20px;
  color: #4A90E2;
  letter-spacing: 0px;
  overflow: hidden; }

.message-blue-lable {
  width: 70px;
  height: 100%;
  background: #4A90E2;
  float: left; }

.message-red-lable {
  width: 70px;
  height: 100%;
  background: #D0021B;
  float: left; }

.message-system-message-title {
  width: auto;
  height: 71px;
  background-image: url(images/icons/SystemMessage.svg);
  background-position: left;
  background-repeat: no-repeat;
  position: absolute;
  top: 21px;
  left: 32px;
  font-family: "playbold";
  font-size: 33px;
  color: #4A90E2;
  letter-spacing: 0px;
  box-sizing: border-box;
  padding-left: 75px;
  padding-top: 14px;
  text-transform: uppercase; }

.message-error-message-title {
  width: auto;
  height: 71px;
  background-image: url(images/icons/ErrorMessage.svg);
  background-position: left;
  background-repeat: no-repeat;
  position: absolute;
  top: 21px;
  left: 32px;
  font-family: "playbold";
  font-size: 33px;
  color: #D0021B;
  letter-spacing: 0px;
  box-sizing: border-box;
  padding-left: 75px;
  padding-top: 14px;
  text-transform: uppercase; }

.message-system-text {
  width: 100%;
  height: 100px;
  font-family: "playbold";
  font-size: 20px;
  letter-spacing: 0px;
  box-sizing: border-box;
  padding-top: 130px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 100px;
  padding-right: 10px; }

.message-system-text-blue {
  color: #4A90E2; }

.message-system-text-red {
  color: #D0021B; }

.message-system-dismiss-button-wrapper {
  width: 250px;
  height: auto;
  position: absolute; }

.message-system-dismiss-button-setting {
  bottom: 0px;
  right: 0px;
  margin-right: 40px;
  margin-bottom: 27px; }

.message-system-dismiss-button-setting-left {
  bottom: 0px;
  left: 103px;
  margin-right: 40px;
  margin-bottom: 27px; }

.message-system-dismiss-button {
  position: relative;
  margin-bottom: 13px;
  display: block;
  width: 100%;
  height: 35px;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 900;
  text-decoration: none;
  text-align: center;
  line-height: 39px;
  background: #4A90E2;
  border: 2px solid #FFFFFF;
  border-radius: 9px;
  font-size: 17px;
  color: #FFFFFF;
  cursor: pointer;
  text-transform: uppercase; }

.message-system-dismiss-button:after {
  border: 0px solid #FFF;
  border-radius: 10px;
  content: '';
  position: absolute;
  top: -6px;
  left: -6px;
  right: -6px;
  bottom: -6px;
  z-index: -1;
  background-color: #4A90E2; }

.message-error-dismiss-button {
  position: relative;
  margin-bottom: 13px;
  display: block;
  width: 100%;
  height: 35px;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 900;
  text-decoration: none;
  text-align: center;
  line-height: 39px;
  background: #D0021B;
  border: 2px solid #FFFFFF;
  border-radius: 9px;
  font-size: 17px;
  color: #FFFFFF;
  cursor: pointer;
  text-transform: uppercase; }

.message-error-dismiss-button:after {
  border: 0px solid #FFF;
  border-radius: 10px;
  content: '';
  position: absolute;
  top: -6px;
  left: -6px;
  right: -6px;
  bottom: -6px;
  z-index: -1;
  background-color: #D0021B; }

.message-system-dismiss-button-wrapper-dialog {
  width: auto; }
  .message-system-dismiss-button-wrapper-dialog .message-system-dismiss-button {
    float: right;
    width: auto;
    padding: 0 20px;
    margin: 0 0 0 20px; }

/*-------------Loading Message------------------*/
.message-loading-container, .message-loading-container-centered {
  width: 607px;
  height: 145px;
  margin: -72px 0 0 -303px;
  position: relative;
  top: 50%;
  left: 50%;
  font-size: 20px;
  color: #4A90E2;
  overflow: hidden; }

.message-loading-panel-settings {
  background: #000000;
  border-radius: 16px;
  display: inline-block; }

.message-loading-left-panel {
  width: 145px;
  height: 145px;
  margin-right: 7px;
  float: left; }
  .message-loading-left-panel-spinner {
    background-image: url(images/icons/loading-spinner-green.svg);
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 70%; }

.message-loading-right-panel {
  width: 450px;
  height: 145px;
  text-align: left;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 20px;
  -ms-flex-pack: center;
  justify-content: center;
  vertical-align: middle;
  -ms-flex-direction: column;
  flex-direction: column; }
  .message-loading-right-panel h1 {
    font-size: 32px;
    line-height: 32px;
    color: #9FC522;
    margin: 0 0 5px 0;
    padding: 0; }
  .message-loading-right-panel p {
    font-size: 18px;
    color: #C5C5C5;
    line-height: 17px;
    padding: 0;
    margin: 0; }

.message-box-content-scrollable {
  max-height: 220px;
  overflow-y: auto;
  width: calc(100% + 130px);
  margin-top: -40px; }

.message-box-overlay {
  position: fixed;
  top: 0;
  width: 100%;
  left: 0;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.62);
  z-index: 99999; }
  .message-box-overlay .message-system-dismiss-button-setting {
    right: auto;
    width: auto;
    display: inline-block;
    position: unset;
    margin: 0; }

.message-box-buttons {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  position: absolute;
  bottom: 0;
  -ms-flex-pack: end;
  justify-content: flex-end; }
  .message-box-buttons--modal {
    display: block;
    width: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 0 40px 40px 0;
    text-align: right; }
    .message-box-buttons--modal .ui-button {
      margin-left: 15px; }
      .message-box-buttons--modal .ui-button:first-child {
        margin-left: 0; }
  .message-box-buttons > div {
    margin-right: 20px; }
  .message-box-buttons span {
    margin-left: 10px;
    margin-right: 10px;
    width: 120px; }

.message-box-button-primary {
  /* float: left; */
  font-size: 1.2em; }

.message-box-button-secondary {
  font-size: 0.6em;
  text-align: center;
  /* padding-left: 20px; */
  /* float: left; */
  /* line-height: 20px; */
  float: right; }

.project-scope-quote-list-wrapper {
  width: 100%;
  height: 230px;
  margin-top: 40px;
  padding: 0 10px;
  box-sizing: border-box; }

.project-scope-quote-list-content {
  width: 100%;
  height: 160px;
  min-height: 160px;
  margin-top: 25px;
  overflow-y: auto;
  font-weight: 900;
  text-decoration: none;
  color: #4A90E2;
  box-sizing: border-box;
  padding-right: 10px; }
  .project-scope-quote-list-content-total {
    font-size: 31px;
    color: #9FC522;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    padding: 6px 0 0 10px; }

.project-scope-quote-list-lir {
  width: 100%;
  height: 50px;
  background-position: center;
  background-size: cover;
  background-color: #BABABA;
  border: 1px solid #000000;
  border-radius: 7px;
  margin-top: 2px; }
  .project-scope-quote-list-lir-tuning {
    margin-bottom: 15px;
    cursor: pointer;
    position: relative; }
  .project-scope-quote-list-lir-cursor {
    width: 96%;
    height: 40px;
    border: 8px solid #9FC522;
    box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.77);
    border-radius: 7px;
    position: absolute;
    top: -3px;
    left: -1px;
    z-index: 10; }

.project-scope-quote-list-new-quote-lir {
  width: 100%;
  height: 54px;
  margin-bottom: 4px;
  background: #ffffff;
  border: 2px solid #4A90E2;
  border-radius: 7px;
  font-family: "playbold";
  font-size: 19px;
  color: #4A90E2;
  letter-spacing: 0px;
  text-align: center;
  box-sizing: border-box;
  padding-top: 13px;
  text-transform: uppercase; }

.project-scope-quote-list-new-quote-add-button {
  width: 42px;
  height: 42px;
  background: rgba(73, 143, 226, 0.21);
  border: 1px solid #4A90E2;
  border-radius: 3px;
  overflow: auto;
  position: absolute;
  top: 0px;
  bottom: 0px;
  margin-top: 3px;
  margin-left: 3px;
  background-image: url(images/buttons/NewSquare.svg);
  background-position: center;
  background-repeat: no-repeat; }

.project-scope-quote-list-description {
  width: 100%;
  height: 23px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  background-color: rgba(0, 0, 0, 0.21);
  border-radius: 0px 0px 6px 6px;
  font-family: "playbold";
  font-size: 17px;
  color: #ffffff;
  letter-spacing: 0px;
  box-sizing: border-box;
  padding-top: 2px;
  padding-left: 5px;
  text-transform: uppercase; }

.project-scope-section-wrapper {
  width: 100%;
  z-index: 0;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px; }

.project-scope-box {
  width: 300px;
  height: 280px;
  position: relative;
  display: block;
  font-weight: 900;
  font-size: 15px;
  text-decoration: none;
  background: #ffffff;
  border: 3px solid #4A90E2;
  border-radius: 25px; }
  .project-scope-box-container {
    width: auto;
    height: auto;
    display: inline-block;
    vertical-align: middle;
    margin: 0 1% 30px 1%;
    border: 8px solid #ffffff;
    border-radius: 30px;
    padding: 0;
    box-shadow: 6px 7px 0 2px rgba(0, 0, 0, 0.18); }
  .project-scope-box-content {
    width: 100%;
    height: 100%;
    margin: auto; }
    .project-scope-box-content h1 {
      font-family: "playbold";
      font-size: 17px;
      text-align: center;
      text-transform: uppercase;
      margin-top: 6px;
      color: #4A90E2; }
    .project-scope-box-content p {
      margin: 0 0 5px 0;
      color: #4A90E2;
      font-size: 17px;
      line-height: 20px;
      text-align: center; }

.project-scope-help-icon {
  width: 38px;
  height: 38px;
  background-image: url(images/buttons/ButtonHelp.svg);
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer; }

.project-scope-materials-wrapper {
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center; }

.project-scope-materials-container {
  /* background-color: red; */ }
  .project-scope-materials-container .input-wrapper {
    padding: 0 10px 0 0;
    box-sizing: border-box; }

.project-scope-textbox {
  border: 1px solid #4A90E2;
  border-radius: 17px;
  color: #4A90E2;
  font-size: 34px;
  line-height: 20px;
  text-align: center;
  width: 100%;
  padding: 5px 12px;
  box-sizing: border-box; }
  .project-scope-textbox-form {
    width: 100%;
    height: 38px;
    background: #E3E3E3;
    border: 2px solid #727272;
    border-radius: 7px;
    margin-top: 18px;
    font-size: 36px;
    color: #868686;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600; }

.project-scope-button {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 290px;
  line-height: 35px;
  height: 40px;
  margin: -20px 0 0 -145px;
  font-weight: 900;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  background: #4A90E2;
  border: 3px solid #4A90E2;
  border-radius: 13px;
  font-size: 17px;
  color: #ffffff;
  cursor: pointer; }
  .project-scope-button-text {
    border: 3px solid #ffffff;
    border-radius: 11px;
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box; }
  .project-scope-button-wrapper {
    width: 100%;
    height: 53px;
    /* background-color: red; */
    position: absolute;
    left: 0;
    bottom: 14px;
    text-align: center; }

.project-scope-blank-set-box {
  height: 100%;
  font-size: 18px;
  color: #A0A0A0;
  text-align: center;
  line-height: inherit;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  box-sizing: border-box;
  white-space: normal; }
  .project-scope-blank-set-box-form {
    width: auto;
    height: 165px;
    border: 3px dashed #C8C8C8;
    border-radius: 21px;
    font-family: "playbold";
    font-size: 18px;
    color: #A0A0A0;
    margin-top: 34px;
    margin-left: 15px;
    margin-right: 15px;
    text-align: center;
    line-height: 37px;
    padding-top: 19px;
    padding-left: 10px;
    padding-right: 16px; }
    .project-scope-blank-set-box-form p {
      margin-top: -12px;
      padding-left: 0px;
      margin-right: 0px;
      margin-bottom: 6px;
      color: #6A6A6A;
      display: block;
      text-align: center; }

.project-scope-selection-options {
  border-bottom: 1px solid #BEBEBE;
  font-size: 17px;
  color: #4A90E2;
  line-height: 30px;
  position: relative; }
  .project-scope-selection-options span {
    display: block;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
    padding: 0 40px; }
  .project-scope-selection-options-wrapper {
    width: 100%;
    margin: auto;
    max-width: 300px; }
    .project-scope-selection-options-wrapper h2 {
      font-size: 16px;
      color: #8EB01E;
      line-height: 0px;
      text-align: right;
      margin-right: 22px; }
    .project-scope-selection-options-wrapper + .project-scope-button {
      top: auto;
      bottom: 20px;
      margin: 0 0 0 -150px; }
  .project-scope-selection-options-placeholders {
    border-bottom: 1px solid #BEBEBE;
    line-height: 30px;
    height: 30px;
    position: relative; }

.project-scope-selection-bullet {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  line-height: 30px;
  font-size: 17px;
  color: #4A90E2; }

.project-scope-selection-remove-button {
  width: 30px;
  height: 30px;
  background-image: url(images/buttons/ButtonMiniCloseGray.svg);
  position: absolute;
  background-size: cover;
  top: 0;
  right: 0;
  cursor: pointer; }

.project-scope-step {
  height: 476px;
  width: 566px;
  margin: auto;
  border-radius: 89px;
  background-color: #ffffff;
  box-shadow: 8px 7px 15px 0 rgba(0, 0, 0, 0.12);
  padding: 15px;
  box-sizing: border-box;
  position: relative; }
  .project-scope-step--1 .project-scope-line--disabled .project-scope-line-inner {
    -ms-transform: translateX(-230px);
    transform: translateX(-230px); }
  .project-scope-step--left-1 .project-scope-line--enabled .project-scope-line-inner {
    -ms-transform: translateX(280px);
    transform: translateX(280px); }
  .project-scope-step--2 .project-scope-line--disabled .project-scope-line-inner {
    -ms-transform: translateX(-460px);
    transform: translateX(-460px); }
  .project-scope-step--left-2 .project-scope-line--enabled .project-scope-line-inner {
    -ms-transform: translateX(560px);
    transform: translateX(560px); }
  .project-scope-step--3 .project-scope-line--disabled .project-scope-line-inner {
    -ms-transform: translateX(-690px);
    transform: translateX(-690px); }
  .project-scope-step--left-3 .project-scope-line--enabled .project-scope-line-inner {
    -ms-transform: translateX(840px);
    transform: translateX(840px); }
  .project-scope-step--4 .project-scope-line--disabled .project-scope-line-inner {
    -ms-transform: translateX(-920px);
    transform: translateX(-920px); }
  .project-scope-step--left-4 .project-scope-line--enabled .project-scope-line-inner {
    -ms-transform: translateX(1120px);
    transform: translateX(1120px); }
  .project-scope-step--5 .project-scope-line--disabled .project-scope-line-inner {
    -ms-transform: translateX(-1150px);
    transform: translateX(-1150px); }
  .project-scope-step--left-5 .project-scope-line--enabled .project-scope-line-inner {
    -ms-transform: translateX(1400px);
    transform: translateX(1400px); }
  .project-scope-step--6 .project-scope-line--disabled .project-scope-line-inner {
    -ms-transform: translateX(-1380px);
    transform: translateX(-1380px); }
  .project-scope-step--left-6 .project-scope-line--enabled .project-scope-line-inner {
    -ms-transform: translateX(1680px);
    transform: translateX(1680px); }
  .project-scope-step--7 .project-scope-line--disabled .project-scope-line-inner {
    -ms-transform: translateX(-1610px);
    transform: translateX(-1610px); }
  .project-scope-step--left-7 .project-scope-line--enabled .project-scope-line-inner {
    -ms-transform: translateX(1960px);
    transform: translateX(1960px); }
  .project-scope-step--8 .project-scope-line--disabled .project-scope-line-inner {
    -ms-transform: translateX(-1840px);
    transform: translateX(-1840px); }
  .project-scope-step--left-8 .project-scope-line--enabled .project-scope-line-inner {
    -ms-transform: translateX(2240px);
    transform: translateX(2240px); }
  .project-scope-step--9 .project-scope-line--disabled .project-scope-line-inner {
    -ms-transform: translateX(-2070px);
    transform: translateX(-2070px); }
  .project-scope-step--left-9 .project-scope-line--enabled .project-scope-line-inner {
    -ms-transform: translateX(2520px);
    transform: translateX(2520px); }
  .project-scope-step--10 .project-scope-line--disabled .project-scope-line-inner {
    -ms-transform: translateX(-2300px);
    transform: translateX(-2300px); }
  .project-scope-step--left-10 .project-scope-line--enabled .project-scope-line-inner {
    -ms-transform: translateX(2800px);
    transform: translateX(2800px); }
  .project-scope-step--11 .project-scope-line--disabled .project-scope-line-inner {
    -ms-transform: translateX(-2530px);
    transform: translateX(-2530px); }
  .project-scope-step--left-11 .project-scope-line--enabled .project-scope-line-inner {
    -ms-transform: translateX(3080px);
    transform: translateX(3080px); }
  .project-scope-step--12 .project-scope-line--disabled .project-scope-line-inner {
    -ms-transform: translateX(-2760px);
    transform: translateX(-2760px); }
  .project-scope-step--left-12 .project-scope-line--enabled .project-scope-line-inner {
    -ms-transform: translateX(3360px);
    transform: translateX(3360px); }
  .project-scope-step--13 .project-scope-line--disabled .project-scope-line-inner {
    -ms-transform: translateX(-2990px);
    transform: translateX(-2990px); }
  .project-scope-step--left-13 .project-scope-line--enabled .project-scope-line-inner {
    -ms-transform: translateX(3640px);
    transform: translateX(3640px); }
  .project-scope-step--14 .project-scope-line--disabled .project-scope-line-inner {
    -ms-transform: translateX(-3220px);
    transform: translateX(-3220px); }
  .project-scope-step--left-14 .project-scope-line--enabled .project-scope-line-inner {
    -ms-transform: translateX(3920px);
    transform: translateX(3920px); }
  .project-scope-step--15 .project-scope-line--disabled .project-scope-line-inner {
    -ms-transform: translateX(-3450px);
    transform: translateX(-3450px); }
  .project-scope-step--left-15 .project-scope-line--enabled .project-scope-line-inner {
    -ms-transform: translateX(4200px);
    transform: translateX(4200px); }
  .project-scope-step--16 .project-scope-line--disabled .project-scope-line-inner {
    -ms-transform: translateX(-3680px);
    transform: translateX(-3680px); }
  .project-scope-step--left-16 .project-scope-line--enabled .project-scope-line-inner {
    -ms-transform: translateX(4480px);
    transform: translateX(4480px); }
  .project-scope-step--17 .project-scope-line--disabled .project-scope-line-inner {
    -ms-transform: translateX(-3910px);
    transform: translateX(-3910px); }
  .project-scope-step--left-17 .project-scope-line--enabled .project-scope-line-inner {
    -ms-transform: translateX(4760px);
    transform: translateX(4760px); }
  .project-scope-step--18 .project-scope-line--disabled .project-scope-line-inner {
    -ms-transform: translateX(-4140px);
    transform: translateX(-4140px); }
  .project-scope-step--left-18 .project-scope-line--enabled .project-scope-line-inner {
    -ms-transform: translateX(5040px);
    transform: translateX(5040px); }
  .project-scope-step--19 .project-scope-line--disabled .project-scope-line-inner {
    -ms-transform: translateX(-4370px);
    transform: translateX(-4370px); }
  .project-scope-step--left-19 .project-scope-line--enabled .project-scope-line-inner {
    -ms-transform: translateX(5320px);
    transform: translateX(5320px); }
  .project-scope-step--20 .project-scope-line--disabled .project-scope-line-inner {
    -ms-transform: translateX(-4600px);
    transform: translateX(-4600px); }
  .project-scope-step--left-20 .project-scope-line--enabled .project-scope-line-inner {
    -ms-transform: translateX(5600px);
    transform: translateX(5600px); }
  .project-scope-step--21 .project-scope-line--disabled .project-scope-line-inner {
    -ms-transform: translateX(-4830px);
    transform: translateX(-4830px); }
  .project-scope-step--left-21 .project-scope-line--enabled .project-scope-line-inner {
    -ms-transform: translateX(5880px);
    transform: translateX(5880px); }
  .project-scope-step--22 .project-scope-line--disabled .project-scope-line-inner {
    -ms-transform: translateX(-5060px);
    transform: translateX(-5060px); }
  .project-scope-step--left-22 .project-scope-line--enabled .project-scope-line-inner {
    -ms-transform: translateX(6160px);
    transform: translateX(6160px); }
  .project-scope-step--23 .project-scope-line--disabled .project-scope-line-inner {
    -ms-transform: translateX(-5290px);
    transform: translateX(-5290px); }
  .project-scope-step--left-23 .project-scope-line--enabled .project-scope-line-inner {
    -ms-transform: translateX(6440px);
    transform: translateX(6440px); }
  .project-scope-step--24 .project-scope-line--disabled .project-scope-line-inner {
    -ms-transform: translateX(-5520px);
    transform: translateX(-5520px); }
  .project-scope-step--left-24 .project-scope-line--enabled .project-scope-line-inner {
    -ms-transform: translateX(6720px);
    transform: translateX(6720px); }
  .project-scope-step--25 .project-scope-line--disabled .project-scope-line-inner {
    -ms-transform: translateX(-5750px);
    transform: translateX(-5750px); }
  .project-scope-step--left-25 .project-scope-line--enabled .project-scope-line-inner {
    -ms-transform: translateX(7000px);
    transform: translateX(7000px); }
  .project-scope-step--26 .project-scope-line--disabled .project-scope-line-inner {
    -ms-transform: translateX(-5980px);
    transform: translateX(-5980px); }
  .project-scope-step--left-26 .project-scope-line--enabled .project-scope-line-inner {
    -ms-transform: translateX(7280px);
    transform: translateX(7280px); }
  .project-scope-step--27 .project-scope-line--disabled .project-scope-line-inner {
    -ms-transform: translateX(-6210px);
    transform: translateX(-6210px); }
  .project-scope-step--left-27 .project-scope-line--enabled .project-scope-line-inner {
    -ms-transform: translateX(7560px);
    transform: translateX(7560px); }
  .project-scope-step--28 .project-scope-line--disabled .project-scope-line-inner {
    -ms-transform: translateX(-6440px);
    transform: translateX(-6440px); }
  .project-scope-step--left-28 .project-scope-line--enabled .project-scope-line-inner {
    -ms-transform: translateX(7840px);
    transform: translateX(7840px); }
  .project-scope-step--29 .project-scope-line--disabled .project-scope-line-inner {
    -ms-transform: translateX(-6670px);
    transform: translateX(-6670px); }
  .project-scope-step--left-29 .project-scope-line--enabled .project-scope-line-inner {
    -ms-transform: translateX(8120px);
    transform: translateX(8120px); }
  .project-scope-step--30 .project-scope-line--disabled .project-scope-line-inner {
    -ms-transform: translateX(-6900px);
    transform: translateX(-6900px); }
  .project-scope-step--left-30 .project-scope-line--enabled .project-scope-line-inner {
    -ms-transform: translateX(8400px);
    transform: translateX(8400px); }
  .project-scope-step--31 .project-scope-line--disabled .project-scope-line-inner {
    -ms-transform: translateX(-7130px);
    transform: translateX(-7130px); }
  .project-scope-step--left-31 .project-scope-line--enabled .project-scope-line-inner {
    -ms-transform: translateX(8680px);
    transform: translateX(8680px); }
  .project-scope-step--32 .project-scope-line--disabled .project-scope-line-inner {
    -ms-transform: translateX(-7360px);
    transform: translateX(-7360px); }
  .project-scope-step--left-32 .project-scope-line--enabled .project-scope-line-inner {
    -ms-transform: translateX(8960px);
    transform: translateX(8960px); }
  .project-scope-step--33 .project-scope-line--disabled .project-scope-line-inner {
    -ms-transform: translateX(-7590px);
    transform: translateX(-7590px); }
  .project-scope-step--left-33 .project-scope-line--enabled .project-scope-line-inner {
    -ms-transform: translateX(9240px);
    transform: translateX(9240px); }
  .project-scope-step--34 .project-scope-line--disabled .project-scope-line-inner {
    -ms-transform: translateX(-7820px);
    transform: translateX(-7820px); }
  .project-scope-step--left-34 .project-scope-line--enabled .project-scope-line-inner {
    -ms-transform: translateX(9520px);
    transform: translateX(9520px); }
  .project-scope-step--35 .project-scope-line--disabled .project-scope-line-inner {
    -ms-transform: translateX(-8050px);
    transform: translateX(-8050px); }
  .project-scope-step--left-35 .project-scope-line--enabled .project-scope-line-inner {
    -ms-transform: translateX(9800px);
    transform: translateX(9800px); }
  .project-scope-step--finished {
    width: 100%;
    background: none;
    box-shadow: none;
    height: 430px; }
    .project-scope-step--finished .project-scope-main, .project-scope-step--finished .project-scope-line--disabled {
      display: none; }
    .project-scope-step--finished .project-scope-line--enabled {
      display: block;
      right: 0;
      margin: 0;
      width: 100%;
      height: 400px; }
      .project-scope-step--finished .project-scope-line--enabled .project-scope-line-item {
        margin: 0 15px; }
    .project-scope-step--finished .project-scope-breadcrumbs {
      bottom: -20px; }
    .project-scope-step--finished .project-scope-line-item:last-child .project-scope-box-content:after {
      content: "";
      width: 1px;
      height: 100%;
      background-color: #BEBEBE;
      position: absolute;
      top: 0;
      right: -15px; }
    .project-scope-step--finished .project-scope-line-item .project-scope-box-content {
      overflow: inherit; }
      .project-scope-step--finished .project-scope-line-item .project-scope-box-content:before {
        content: "";
        width: 1px;
        height: 100%;
        background-color: #BEBEBE;
        position: absolute;
        top: 0;
        left: -15px; }
    .project-scope-step--finished .project-scope-line-item .project-scope-selection-options, .project-scope-step--finished .project-scope-line-item .project-scope-selection-options-placeholders {
      margin: 16px 0 0 0; }
    .project-scope-step--finished .project-scope-button {
      height: 35px;
      width: 146px;
      border-radius: 8px;
      background-color: #4A90E2;
      border: 0;
      font-size: 16px;
      line-height: 20px;
      padding: 8px 0;
      box-sizing: border-box;
      margin: -17px 0 0 -73px; }
      .project-scope-step--finished .project-scope-button:after {
        display: none; }
    .project-scope-step--finished.project-scope-step--0 .project-scope-line--enabled .project-scope-line-inner {
      left: 50%;
      margin: 0;
      width: 100%;
      height: 400px;
      position: absolute;
      -ms-transform: translateX(-140px);
      transform: translateX(-140px); }
    .project-scope-step--finished.project-scope-step--1 .project-scope-line--enabled .project-scope-line-inner {
      left: 50%;
      margin: 0;
      width: 100%;
      height: 400px;
      position: absolute;
      -ms-transform: translateX(-420px);
      transform: translateX(-420px); }
    .project-scope-step--finished.project-scope-step--2 .project-scope-line--enabled .project-scope-line-inner {
      left: 50%;
      margin: 0;
      width: 100%;
      height: 400px;
      position: absolute;
      -ms-transform: translateX(-700px);
      transform: translateX(-700px); }
    .project-scope-step--finished.project-scope-step--3 .project-scope-line--enabled .project-scope-line-inner {
      left: 50%;
      margin: 0;
      width: 100%;
      height: 400px;
      position: absolute;
      -ms-transform: translateX(-980px);
      transform: translateX(-980px); }
    .project-scope-step--finished.project-scope-step--4 .project-scope-line--enabled .project-scope-line-inner {
      left: 50%;
      margin: 0;
      width: 100%;
      height: 400px;
      position: absolute;
      -ms-transform: translateX(-1260px);
      transform: translateX(-1260px); }
    .project-scope-step--finished.project-scope-step--5 .project-scope-line--enabled .project-scope-line-inner {
      left: 50%;
      margin: 0;
      width: 100%;
      height: 400px;
      position: absolute;
      -ms-transform: translateX(-1540px);
      transform: translateX(-1540px); }
    .project-scope-step--finished.project-scope-step--6 .project-scope-line--enabled .project-scope-line-inner {
      left: 50%;
      margin: 0;
      width: 100%;
      height: 400px;
      position: absolute;
      -ms-transform: translateX(-1820px);
      transform: translateX(-1820px); }
    .project-scope-step--finished.project-scope-step--7 .project-scope-line--enabled .project-scope-line-inner {
      left: 50%;
      margin: 0;
      width: 100%;
      height: 400px;
      position: absolute;
      -ms-transform: translateX(-2100px);
      transform: translateX(-2100px); }

.project-scope-main-body {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  padding: 15px; }
  .project-scope-main-body .project-scope-fading {
    display: none; }
  .project-scope-main-body:first-child {
    display: block; }
    .project-scope-main-body:first-child .project-scope-fading {
      display: block; }
    .project-scope-main-body:first-child .project-scope-main-header-logo {
      cursor: inherit; }
  .project-scope-main-body--deeping .project-scope-main-header-logo-circle {
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  .project-scope-main-body--spreading .project-scope-main-header-logo-circle {
    -ms-transform: scale(1.7);
    transform: scale(1.7);
    opacity: 0; }
  .project-scope-main-body--smallspreading .project-scope-main-header-logo-border {
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 0; }
  .project-scope-main-body--slideleft .project-scope-fading {
    -ms-transform: translateX(-200%);
    transform: translateX(-200%); }
  .project-scope-main-body--slideright .project-scope-fading {
    -ms-transform: translateX(200%);
    transform: translateX(200%); }

.project-scope-main-header {
  padding: 0 0 15px 0;
  border-bottom: 1px dashed #979797;
  box-sizing: border-box;
  height: 180px; }
  .project-scope-main-header-cell {
    display: table-cell;
    vertical-align: top;
    position: relative; }
    .project-scope-main-header-cell:first-child {
      width: 190px;
      padding: 15px 20px 0 15px;
      box-sizing: border-box; }
  .project-scope-main-header-logo {
    box-sizing: border-box;
    height: 140px;
    width: 140px;
    border-radius: 78px;
    position: relative;
    cursor: pointer; }
    .project-scope-main-header-logo-border {
      box-sizing: border-box;
      height: 140px;
      width: 140px;
      border-radius: 70px;
      left: -2px;
      top: -2px;
      border: 3px solid #4A90E2;
      position: absolute;
      transition: all 0.45s ease; }
    .project-scope-main-header-logo-circle {
      position: absolute;
      left: 0;
      top: 0;
      width: 140px;
      height: 140px;
      transition: all 1s ease; }
      .project-scope-main-header-logo-circle-inner {
        box-sizing: border-box;
        height: 216px;
        width: 216px;
        background: url(images/icons/Icon-Ring-Desktop.svg) center center no-repeat;
        position: absolute;
        left: -40px;
        top: -40px;
        border-radius: 108px; }
    .project-scope-main-header-logo-image {
      box-sizing: border-box;
      height: 138px;
      width: 138px;
      border-radius: 70px;
      position: relative;
      background-position: center;
      background-repeat: no-repeat;
      background-size: 200px; }
      .project-scope-main-header-logo-image--measurements {
        background: url(images/kv-icons/kv-filter-icons-sqft.svg) left 28px top 28px no-repeat;
        background-size: 90px; }
      .project-scope-main-header-logo-image--protection-plan {
        background: url(images/kv-icons/kv_installation.svg) center center no-repeat;
        background-size: 350px; }
  .project-scope-main-header-title {
    color: #9FC522;
    font-size: 46px;
    line-height: 48px; }
  .project-scope-main-header-subtitle {
    color: #4A90E2;
    font-size: 30px;
    line-height: 20px;
    margin: 0 0 10px 0; }
  .project-scope-main-header-description {
    color: #4A90E2;
    font-size: 15px;
    line-height: 15px;
    text-align: justify;
    max-height: 76px;
    overflow: hidden;
    margin: 0; }
  .project-scope-main-header-help-icon {
    position: absolute;
    top: 15px;
    right: 20px; }
  .project-scope-main-header-text {
    margin-top: 0;
    font-size: 22px;
    line-height: 20px;
    color: #4A90E2; }
  .project-scope-main-header-input {
    border: 1px solid #4A90E2;
    border-radius: 17px;
    color: #4A90E2;
    font-size: 34px;
    line-height: 20px;
    text-align: center;
    width: 100%;
    padding: 5px 12px;
    box-sizing: border-box; }

.project-scope-main-content {
  padding: 15px 0;
  height: 167px;
  border-bottom: 1px dashed #979797;
  position: relative; }
  .project-scope-main-content-text {
    color: #4A90E2;
    font-size: 18px;
    line-height: 18px; }
  .project-scope-main-content > .project-scope-fading:only-child {
    height: 167px; }
  .project-scope-main-content--first .project-scope-main-content-text {
    text-align: center; }

.project-scope-main-footer {
  height: 83px; }
  .project-scope-main-footer-cell--vis {
    display: none; }
  .project-scope-main-footer-cell--buttons {
    color: #4A90E2;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    height: 83px;
    padding: 0 50px 0 60px; }
  .project-scope-main-footer-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    color: #4A90E2;
    font-size: 28px;
    line-height: 32px;
    background: none;
    border: 0;
    cursor: pointer;
    transition: all 0.3s ease;
    outline: none;
    text-transform: uppercase;
    box-sizing: border-box; }
    .project-scope-main-footer-button:after {
      content: "";
      display: block;
      position: absolute;
      top: 50%;
      margin-top: -14px;
      width: 0;
      height: 0;
      border-style: solid;
      transition: all 0.3s ease; }
    .project-scope-main-footer-button--prev {
      padding-left: 30px; }
      .project-scope-main-footer-button--prev:after {
        left: 0;
        border-width: 14px 18px 14px 0;
        border-color: transparent #4A90E2 transparent transparent; }
      .project-scope-main-footer-button--prev:hover {
        color: #3483de; }
        .project-scope-main-footer-button--prev:hover:after {
          border-color: transparent #3483de transparent transparent; }
    .project-scope-main-footer-button--next {
      color: #9FC522;
      padding-right: 30px; }
      .project-scope-main-footer-button--next:after {
        right: 0;
        border-width: 14px 0 14px 18px;
        border-color: transparent transparent transparent #9FC522; }
      .project-scope-main-footer-button--next:hover {
        color: #8aab1d; }
        .project-scope-main-footer-button--next:hover:after {
          border-color: transparent transparent transparent #8aab1d; }

.project-scope-main-selection {
  text-align: center; }
  .project-scope-main-selection-item {
    margin: 0 20px;
    height: 96px;
    width: 96px;
    border: 1px solid #BEBEBE;
    border-radius: 14px;
    position: relative;
    cursor: pointer;
    background-color: #ffffff;
    background-image: linear-gradient(white 0px, transparent 0px), linear-gradient(90deg, white 0px, transparent 0px), linear-gradient(rgba(151, 151, 151, 0.3) 1px, transparent 0px), linear-gradient(90deg, rgba(151, 151, 151, 0.3) 1px, transparent 0px);
    background-size: 64px 64px, 64px 64px, 64px 8px, 8px 8px;
    background-position: -2px -2px, -2px -2px, 0 0, 0 0; }
    .project-scope-main-selection-item-img {
      background-color: #4A90E2;
      position: absolute;
      top: 50%;
      left: 50%; }
      .project-scope-main-selection-item-img--straight {
        height: 24px;
        width: 79px;
        margin: -11px 0 0 -39px;
        background-color: #4A90E2; }
      .project-scope-main-selection-item-img--cornered {
        height: 64px;
        width: 24px;
        left: 17px;
        top: 16px; }
        .project-scope-main-selection-item-img--cornered:after {
          display: block;
          background-color: #4A90E2;
          content: "";
          width: 64px;
          height: 24px;
          position: absolute;
          bottom: 0;
          left: 0; }
      .project-scope-main-selection-item-img--withwalls {
        height: 64px;
        width: 24px;
        left: 9px;
        top: 16px; }
        .project-scope-main-selection-item-img--withwalls:after {
          display: block;
          background-color: #4A90E2;
          content: "";
          width: 79px;
          height: 25px;
          position: absolute;
          bottom: 0;
          left: 0; }
        .project-scope-main-selection-item-img--withwalls:before {
          display: block;
          background-color: #4A90E2;
          content: "";
          width: 24px;
          height: 64px;
          position: absolute;
          bottom: 0;
          left: 55px; }
    .project-scope-main-selection-item--selected:after {
      content: "";
      width: 100%;
      height: 100%;
      display: block;
      position: absolute;
      left: -10px;
      top: -10px;
      border: 10px solid #9FC522;
      box-sizing: content-box;
      border-radius: 22px; }

.project-scope-line {
  box-sizing: border-box; }
  .project-scope-line-inner {
    transition: all 0.6s ease; }
  .project-scope-line-item {
    display: inline-block;
    vertical-align: top;
    margin-right: 30px;
    width: 200px; }
    .project-scope-line-item-image {
      height: 200px;
      width: 200px;
      border-radius: 106px;
      margin: 0 auto 10px auto;
      padding: 9px 0;
      text-align: center;
      box-sizing: border-box;
      cursor: pointer; }
      .project-scope-line-item-image-img {
        height: 170px;
        width: 170px;
        border-radius: 95px;
        display: inline-block;
        background-position: center;
        background-size: 140px;
        background-repeat: no-repeat; }
    .project-scope-line-item-name {
      font-size: 24px;
      line-height: 29px;
      text-align: center; }
    .project-scope-line-item .project-scope-box-content {
      height: 167px;
      overflow: hidden;
      position: relative; }
    .project-scope-line-item .project-scope-selection-options, .project-scope-line-item .project-scope-selection-options-placeholders {
      margin: 17px 0 0 0; }
  .project-scope-line--disabled {
    position: absolute;
    top: 10px;
    left: 50%;
    margin-left: 310px;
    white-space: nowrap;
    overflow: hidden; }
    .project-scope-line--disabled .project-scope-line-inner {
      -ms-transform: translateX(0);
      transform: translateX(0); }
    .project-scope-line--disabled .project-scope-line-item-image {
      border: 5px dashed transparent;
      position: relative; }
      .project-scope-line--disabled .project-scope-line-item-image:before {
        position: absolute;
        left: -5px;
        top: -4px;
        content: "";
        width: 200px;
        height: 200px;
        background: url(images/icons/Icon-Ring-Mobile-Gray.svg) center center no-repeat;
        background-size: cover; }
      .project-scope-line--disabled .project-scope-line-item-image-img {
        border: 1px solid #ABABAB;
        background-color: #c0c0c0;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 250px; }
    .project-scope-line--disabled .project-scope-line-item-name {
      color: #B8B8B8; }
  .project-scope-line--enabled {
    position: absolute;
    top: 10px;
    right: 50%;
    margin-right: 310px;
    white-space: nowrap;
    overflow: hidden; }
    .project-scope-line--enabled .project-scope-line-inner {
      -ms-transform: translateX(100%);
      transform: translateX(100%); }
    .project-scope-line--enabled .project-scope-line-item {
      width: 250px; }
      .project-scope-line--enabled .project-scope-line-item-image {
        border: 5px solid transparent;
        position: relative; }
        .project-scope-line--enabled .project-scope-line-item-image:before {
          position: absolute;
          left: -5px;
          top: -4px;
          content: "";
          width: 200px;
          height: 200px;
          background: url(images/icons/Icon-Ring-Mobile.svg) center center no-repeat;
          background-size: cover; }
        .project-scope-line--enabled .project-scope-line-item-image-img {
          border: 1px solid #4A90E2;
          background-color: #ffffff;
          background-position: center;
          background-repeat: no-repeat;
          background-size: 250px; }
          .project-scope-line--enabled .project-scope-line-item-image-img--measurements {
            background-image: url(images/kv-icons/kv-filter-icons-sqft.svg);
            background-size: 80px; }
      .project-scope-line--enabled .project-scope-line-item-name {
        color: #4A90E2; }

.project-scope-title {
  color: #4A90E2;
  font-size: 33px;
  line-height: 38px;
  padding: 0 20px 5px 20px;
  border-bottom: 1px dashed #BEBEBE;
  margin-bottom: 10px; }

.project-scope-stones {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  height: 220px; }
  .project-scope-stones-list {
    position: absolute;
    top: 0;
    left: 20px; }
    .project-scope-stones-list--animated {
      animation: scroll 80s linear 1s infinite;
      -webkit-animation: scroll 80s linear 1s infinite; }
    .project-scope-stones-list-inner {
      position: absolute;
      top: 0;
      left: 0;
      display: -ms-flexbox;
      display: flex; }
    .project-scope-stones-list-item {
      -ms-flex: 0 0 200px;
      flex: 0 0 200px;
      margin-right: 10px;
      margin-top: 10px;
      position: relative;
      display: block;
      overflow: hidden;
      box-sizing: border-box;
      background-position: center;
      background-repeat: repeat;
      background-size: cover;
      width: 200px;
      height: 200px;
      border-radius: 24px;
      box-shadow: 4px 3px 4px 0 rgba(0, 0, 0, 0.35); }
      .project-scope-stones-list-item--selected {
        border: 15px solid #9FC522;
        box-shadow: rgba(0, 0, 0, 0.3) 8px 8px 0; }

.project-scope-breadcrumbs {
  position: absolute;
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  left: 0;
  bottom: -46px;
  height: 20px;
  list-style: none;
  text-align: center; }
  .project-scope-breadcrumbs-item {
    box-sizing: border-box;
    margin: 0 5px;
    list-style: none;
    height: 18px;
    width: 18px;
    border: 2px solid #BCBCBC;
    border-radius: 9px;
    background-color: #D8D8D8;
    transition: all 0.3s ease;
    cursor: pointer; }
    .project-scope-breadcrumbs-item--active {
      border: 2px solid #7D903C;
      background-color: #9FC522; }
    .project-scope-breadcrumbs-item--first, .project-scope-breadcrumbs-item--last {
      height: 0;
      width: 0;
      border: 0;
      position: relative; }
      .project-scope-breadcrumbs-item--first:before, .project-scope-breadcrumbs-item--last:before {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        margin-top: -8px;
        width: 0;
        height: 0;
        border-style: solid;
        transition: all 0.3s ease; }
    .project-scope-breadcrumbs-item--first:before {
      left: -14px;
      border-width: 8px 12px 8px 0;
      border-color: transparent #4A90E2 transparent transparent; }
    .project-scope-breadcrumbs-item--last:before {
      right: -14px;
      border-width: 8px 0 8px 12px;
      border-color: transparent transparent transparent #4A90E2; }

.project-scope-mobile-arrow {
  display: none;
  animation: mobile-rotate-pulse 2s ease-in-out infinite alternate;
  position: absolute;
  left: 50%;
  top: 100%;
  width: 55px;
  height: 106px;
  margin: -30px 0 0 -123px;
  background: url(images/icons/icon-arrow-green.svg) center center no-repeat;
  background-size: cover; }

.project-scope-mobile-stones-link {
  display: none;
  position: absolute;
  z-index: 5;
  left: 50%;
  margin: 0 0 0 -80px;
  bottom: -15px;
  height: 32px;
  line-height: 30px;
  font-size: 16px;
  text-align: center;
  box-sizing: border-box;
  width: 160px;
  text-transform: uppercase;
  background-color: #ffffff;
  color: #9FC522;
  border: 2px dashed #9FC522;
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.3s ease; }
  .project-scope-mobile-stones-link:hover, .project-scope-mobile-stones-link--active {
    border: 2px solid #9FC522;
    background: #9FC522;
    color: #ffffff; }

.project-scope-sqft-button {
  display: inline-block;
  padding: 2px 0 2px 43px;
  float: left;
  border: 2px dashed #979797;
  border-radius: 8px;
  width: 175px;
  color: #4A90E2;
  line-height: 17px;
  cursor: pointer;
  position: relative;
  background: url(images/icons/sqft-icon.svg) left center no-repeat;
  background-size: 40px; }
  .project-scope-sqft-button:before {
    content: '';
    width: 70px;
    height: 82px;
    background: url(images/icons/arrow-icon.svg) center center no-repeat;
    display: block;
    position: absolute;
    top: -41px;
    left: -72px; }

.project-scope-sqft-mobile .project-scope-sqft-button {
  display: none;
  margin: 20px auto 0 auto;
  float: none; }
  .project-scope-sqft-mobile .project-scope-sqft-button:before {
    display: none; }

@keyframes scroll {
  100% {
    left: -100%; } }

/*------------review and submit-------------*/
.review-submit-screen-title {
  font-size: 36px;
  color: #9A9A9A;
  text-transform: uppercase; }

.review-submit-wrapper {
  width: 100%;
  height: auto;
  /* margin-top: 35px; */
  /* position: fixed; */
  /* top: 190px; */
  box-sizing: border-box; }
  .review-submit-wrapper .lightbox-wrapper {
    bottom: 0; }
  .review-submit-wrapper .lightbox-title-block {
    padding-right: 555px; }

.review-submit-main-panel {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 670px;
  background: #ffffff;
  border: 1px solid #7D7D7D;
  box-shadow: 8px 11px 0 0 rgba(0, 0, 0, 0.11);
  border-radius: 24px;
  margin: auto;
  position: relative; }
  @media screen and (max-width: 1024px) {
    .review-submit-main-panel {
      display: -ms-flexbox;
      display: flex;
      display: -webkit-flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-flex-wrap: wrap;
      height: auto;
      overflow: auto; } }
  .review-submit-main-panel-wrapper {
    max-width: 2000px;
    height: auto;
    /* background-color: purple; */
    box-sizing: border-box;
    margin: auto;
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 20px; }
    @media screen and (max-width: 414px) {
      .review-submit-main-panel-wrapper {
        margin-bottom: 80px; } }
    .review-submit-main-panel-wrapper .review-submit-iframe-wrapper iframe {
      width: 100%;
      height: 100%; }

.review-submit-fabricator-lable {
  -ms-flex: 1 1 50%;
  flex: 1 1 50%;
  margin-left: 10px;
  width: 47.5%;
  min-height: 140px;
  border: 1px dashed #979797;
  border-radius: 12px;
  float: right;
  overflow: hidden;
  padding: 5px 20px;
  box-sizing: border-box; }
  .review-submit-fabricator-lable h11 {
    font-size: 24px;
    line-height: 27px;
    margin-bottom: 10px;
    color: #949494;
    display: block; }
  .review-submit-fabricator-lable h12 {
    /* 475 S Henderson Rd: */
    font-size: 16px;
    color: #949494;
    line-height: 20px; }
  .review-submit-fabricator-lable-title {
    color: #4A90E2;
    font-size: 14px;
    display: block;
    margin: 0 0 15px -10px;
    text-transform: uppercase; }

.review-submit-side-divider {
  padding: 25px;
  height: 100%;
  box-sizing: border-box;
  display: table-cell;
  vertical-align: top; }
  @media screen and (max-width: 1024px) {
    .review-submit-side-divider {
      display: block;
      max-width: 100%;
      min-width: 100%;
      width: 100%; } }
  .review-submit-side-divider-left {
    border-right: 1px solid #B8B8B8; }
    .review-submit-side-divider-left .disclaimer-message-panel {
      display: none; }
    .review-submit-side-divider-left .review-submit-info-wrapper {
      display: none; }
    @media screen and (max-width: 1024px) {
      .review-submit-side-divider-left {
        -ms-flex-order: 2;
        order: 2;
        -webkit-order: 2;
        padding-top: 0; }
        .review-submit-side-divider-left .disclaimer-message-panel {
          margin-top: 25px;
          display: block; }
        .review-submit-side-divider-left .review-submit-info-wrapper {
          display: -ms-flexbox;
          display: flex; } }
  @media screen and (max-width: 1024px) {
    .review-submit-side-divider-right .disclaimer-message-panel, .review-submit-side-divider-right .review-submit-info-wrapper {
      display: none; } }

.review-submit-scroll-pane {
  width: 100%;
  height: calc(100% - 185px);
  overflow-y: auto;
  padding: 0 20px 0 0;
  margin-bottom: 15px;
  box-sizing: border-box; }
  @media screen and (max-width: 1024px) {
    .review-submit-scroll-pane {
      height: auto; } }
  .review-submit-scroll-pane .disclaimer-message-panel {
    margin-top: 22px; }

.review-submit-vert-line {
  border-left: 1px solid #B8B8B8;
  border-right: 0 dotted #B8B8B8;
  border-bottom: 0 dotted #B8B8B8;
  border-top: 0 dotted #B8B8B8;
  width: 0px;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 0px;
  z-index: 0; }

.review-submit-qd-listitemrenderer {
  width: 100%;
  padding-bottom: 5px;
  margin-bottom: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
  flex-flow: row;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: end;
  align-items: flex-end;
  border-bottom: 2px dotted #B8B8B8; }
  .review-submit-qd-listitemrenderer .input-wrapper {
    width: 80px;
    -ms-flex: 0 0 80px;
    flex: 0 0 80px; }

.review-submit-list-title {
  /* background-color: grey; */
  font-size: 20px;
  color: #9A9A9A;
  text-transform: uppercase;
  -ms-flex-positive: 1;
  flex-grow: 1; }

.review-submit-list-total {
  width: 130px;
  -ms-flex: 0 0 130px;
  flex: 0 0 130px;
  font-size: 20px;
  color: #9A9A9A;
  text-transform: uppercase;
  text-align: right; }

.review-submit-list-quantity {
  width: 80px;
  height: 34px;
  /* background-color: red; */
  float: left;
  box-sizing: border-box;
  font-size: 20px;
  color: #9A9A9A;
  background: #E3E3E3;
  border: 1px solid #727272;
  border-radius: 7px;
  text-align: center;
  margin-right: 21px;
  cursor: pointer; }

.review-submit-total-wrapper {
  border-top: 1px dashed #949494;
  padding: 20px 0 0 0;
  box-sizing: border-box; }
  @media screen and (max-width: 414px) {
    .review-submit-total-wrapper {
      position: fixed;
      bottom: 50px;
      background-color: white;
      left: 0;
      padding: 0;
      z-index: 100; } }
  .review-submit-total-wrapper-cell {
    padding: 0 10px; }
    @media screen and (max-width: 414px) {
      .review-submit-total-wrapper-cell {
        width: 20%;
        height: 50px;
        padding: 0;
        margin: 0 2%; } }
    .review-submit-total-wrapper-cell:first-child {
      width: 160px;
      padding-left: 0; }
      @media screen and (max-width: 1366px) {
        .review-submit-total-wrapper-cell:first-child {
          width: 140px; } }
      @media screen and (max-width: 414px) {
        .review-submit-total-wrapper-cell:first-child {
          width: 30%;
          margin-bottom: 0;
          margin-right: 0;
          padding: 0;
          display: inline-block;
          height: 50px;
          margin-top: 5px; } }
    .review-submit-total-wrapper-cell:nth-child(2) {
      width: 45%; }
      @media screen and (max-width: 1366px) {
        .review-submit-total-wrapper-cell:nth-child(2) {
          width: 40%; } }
    .review-submit-total-wrapper-cell:last-child {
      padding-right: 0; }
  .review-submit-total-wrapper-edit {
    width: 100%;
    padding: 0 9px 0 44px;
    box-sizing: border-box;
    line-height: 60px;
    border-radius: 9px;
    display: inline-block;
    font-size: 17px;
    color: #ffffff;
    text-transform: uppercase;
    cursor: pointer;
    background: #4A90E2 url(images/icons/EditIconWhite.svg) left 14px center no-repeat;
    background-size: 20px; }
    @media screen and (max-width: 1366px) {
      .review-submit-total-wrapper-edit {
        background-size: 15px;
        line-height: 42px;
        padding: 0 5px 0 36px;
        font-size: 15px; } }
    @media screen and (max-width: 414px) {
      .review-submit-total-wrapper-edit {
        font-size: 12px;
        white-space: nowrap;
        background: #4A90E2;
        padding: 0;
        text-align: center; } }
    .review-submit-total-wrapper-edit:hover {
      background-color: #3483de; }

.review-submit-total-boxes {
  width: 100%;
  min-height: 60px;
  border: 1px solid #979797;
  border-radius: 12px;
  box-sizing: border-box; }
  @media screen and (max-width: 1366px) {
    .review-submit-total-boxes {
      min-height: 42px; } }
  .review-submit-total-boxes-cart {
    width: 60px;
    min-height: 60px;
    height: 100%;
    background-image: url(images/icons/ShoppingCartLarge.svg);
    background-position: center;
    background-repeat: no-repeat;
    border-right: 1px solid #B8B8B8;
    float: left; }
    @media screen and (max-width: 1366px) {
      .review-submit-total-boxes-cart {
        width: 40px;
        min-height: 40px;
        background-size: 25px; } }
  .review-submit-total-boxes h8 {
    font-family: "playbold";
    font-size: 20px;
    color: #9A9A9A;
    letter-spacing: 0px;
    text-transform: uppercase;
    padding: 0 10px;
    display: block;
    overflow: hidden; }
    @media screen and (max-width: 1366px) {
      .review-submit-total-boxes h8 {
        font-size: 15px;
        white-space: nowrap; } }
    @media screen and (max-width: 414px) {
      .review-submit-total-boxes h8 {
        font-size: 10px !important; } }
  .review-submit-total-boxes h9 {
    font-family: "playbold";
    font-size: 30px;
    color: #9FC522;
    letter-spacing: 0px;
    text-transform: uppercase;
    padding: 0 10px;
    display: block;
    overflow: hidden; }
    @media screen and (max-width: 1366px) {
      .review-submit-total-boxes h9 {
        font-size: 20px; } }
    @media screen and (max-width: 414px) {
      .review-submit-total-boxes h9 {
        font-size: 15px !important; } }

.review-submit-total-left-settings {
  text-align: left; }
  @media screen and (max-width: 414px) {
    .review-submit-total-left-settings {
      margin-top: 5px; } }

.review-submit-total-right-settings {
  text-align: right; }
  @media screen and (max-width: 414px) {
    .review-submit-total-right-settings {
      margin-top: 5px; } }

.review-submit-customer-info {
  -ms-flex: 1 1 50%;
  flex: 1 1 50%;
  margin-right: 10px;
  width: 47.5%;
  min-height: 140px;
  border: 1px dashed #979797;
  border-radius: 12px;
  float: left;
  overflow: hidden;
  box-sizing: border-box;
  padding: 5px 20px; }
  .review-submit-customer-info-buttons {
    margin-bottom: 15px; }
    .review-submit-customer-info-buttons-uploads {
      width: 125px;
      height: 36px;
      background-image: url(images/buttons/Uploads.svg);
      background-position: center;
      background-repeat: no-repeat;
      display: inline-block;
      cursor: pointer;
      margin-right: 15px; }
    .review-submit-customer-info-buttons-notes {
      width: 125px;
      height: 36px;
      background-image: url(images/buttons/Notes.svg);
      background-position: center;
      background-repeat: no-repeat;
      display: inline-block;
      cursor: pointer; }
  .review-submit-customer-info-name {
    font-size: 24px;
    line-height: 27px;
    margin-bottom: 10px;
    color: #949494;
    display: block;
    text-transform: uppercase; }
  .review-submit-customer-info-contact {
    /* 1704 w New River Rd : */
    font-size: 16px;
    color: #949494;
    line-height: 20px; }
  .review-submit-customer-info-title {
    color: #4A90E2;
    font-size: 14px;
    display: block;
    margin: 0 0 15px -10px;
    text-transform: uppercase; }

.review-submit-stone-lir-wrapper {
  position: relative;
  width: 145px;
  display: inline-block;
  vertical-align: top;
  margin-right: 21px; }
  .review-submit-stone-lir-wrapper-image {
    border-radius: 15px;
    position: relative;
    overflow: hidden; }
  .review-submit-stone-lir-wrapper--selected:before {
    content: "";
    border-bottom: 20px solid #9FC522;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    position: absolute;
    top: -20px;
    left: 50%;
    margin-left: -15px;
    z-index: 100; }
  .review-submit-stone-lir-wrapper--selected .review-submit-stone-listitemrenderer {
    border: 8px solid #9FC522;
    width: 130px;
    height: 130px; }
    .review-submit-stone-lir-wrapper--selected .review-submit-stone-listitemrenderer-text {
      height: 24px;
      border-radius: 0 0 8px 8px; }

.review-submit-stone-listitemrenderer {
  width: 146px;
  height: 146px;
  overflow: hidden;
  position: relative;
  border-radius: 15px;
  background-size: contain; }
  .review-submit-stone-listitemrenderer-text {
    width: 100%;
    height: 32px;
    background: rgba(0, 0, 0, 0.36);
    border-top: 1px solid #000000;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 20;
    font-size: 13px;
    color: #ffffff;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 28px;
    text-align: center;
    border-radius: 0 0 15px 15px; }
  .review-submit-stone-listitemrenderer-remove-button {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    background-color: #D0021B;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    z-index: 100; }
    .review-submit-stone-listitemrenderer-remove-button:before {
      content: "";
      background-color: #ffffff;
      position: absolute;
      height: 20px;
      width: 4px;
      display: block;
      z-index: 1;
      left: 50%;
      top: 50%;
      margin: -10px 0 0 -2px;
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
    .review-submit-stone-listitemrenderer-remove-button:after {
      content: "";
      background-color: #ffffff;
      position: absolute;
      width: 20px;
      height: 4px;
      display: block;
      z-index: 1;
      left: 50%;
      top: 50%;
      margin: -2px 0 0 -10px;
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
  .review-submit-stone-listitemrenderer-blank {
    width: 146px;
    height: 146px;
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
    background: rgba(200, 200, 200, 0.14);
    border: 3px dashed #C8C8C8;
    border-radius: 21px;
    position: relative;
    cursor: pointer;
    box-sizing: border-box; }
    .review-submit-stone-listitemrenderer-blank:last-child {
      margin-right: 0; }

.review-submit-stone-button-wrapper {
  display: block;
  text-align: center;
  width: 100%;
  position: relative;
  height: 100%; }

.review-submit-stone-button {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 64px;
  margin: -32px 0 0 0;
  box-sizing: border-box;
  color: #BEBEBE;
  white-space: normal;
  font-size: 16px; }
  .review-submit-stone-button-icon {
    width: 40px;
    height: 40px;
    background-color: #BEBEBE;
    border-radius: 20px;
    position: relative;
    display: block;
    margin: 0 auto 5px auto; }
    .review-submit-stone-button-icon:after {
      content: "";
      background-color: #ffffff;
      position: absolute;
      width: 16px;
      height: 4px;
      display: block;
      z-index: 1;
      left: 50%;
      top: 50%;
      margin: -2px 0 0 -8px; }
    .review-submit-stone-button-icon:before {
      content: "";
      background-color: #ffffff;
      position: absolute;
      height: 16px;
      width: 4px;
      display: block;
      z-index: 1;
      left: 50%;
      top: 50%;
      margin: -8px 0 0 -2px; }

.review-submit-stone-buttons-wrapper {
  width: 100%;
  background-color: #9FC522;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 0 8px 0;
  z-index: 100;
  box-sizing: border-box; }

.review-submit-stone-title {
  color: #9b9b9b;
  text-align: center;
  font-size: 13px;
  padding: 5px;
  text-transform: uppercase;
  white-space: normal; }

.review-submit-edit-button {
  border: 1px solid #ffffff;
  border-radius: 8px;
  display: inline-block;
  font-size: 18px;
  color: #ffffff;
  padding: 0 8px 0 36px;
  line-height: 32px;
  box-sizing: border-box;
  text-transform: uppercase;
  cursor: pointer;
  background: url(images/icons/EditIconWhite.svg) left 12px center no-repeat; }

.review-submit-info-wrapper {
  margin-top: 25px;
  overflow: hidden;
  display: -ms-flexbox;
  display: flex; }

.review-submit-right-logo {
  border-bottom: 1px solid #000000;
  height: 60px;
  margin: 5px 0 15px 0;
  position: relative; }
  @media screen and (max-width: 414px) {
    .review-submit-right-logo {
      margin: 0 0 35px 0;
      height: 20px;
      display: block; } }
  .review-submit-right-logo-image {
    display: table-cell;
    height: 60px;
    vertical-align: bottom;
    padding: 0 0 5px 0;
    box-sizing: border-box; }
    @media screen and (max-width: 414px) {
      .review-submit-right-logo-image {
        display: block;
        max-width: 50%;
        padding: 0; } }
    .review-submit-right-logo-image img {
      max-width: 100%;
      max-height: 100%;
      vertical-align: bottom;
      display: inline-block; }
  .review-submit-right-logo-rating {
    display: table-cell;
    height: 60px;
    width: 152px;
    vertical-align: bottom;
    padding: 0 0 5px 0;
    box-sizing: border-box; }
  .review-submit-right-logo-all-reviews {
    position: absolute;
    right: 0;
    bottom: -25px;
    color: #4A90E2;
    transition: all 0.3s ease;
    cursor: pointer; }
    .review-submit-right-logo-all-reviews:hover {
      color: #3483de; }

.review-submit-fabricator-rating {
  width: 152px;
  height: 30px;
  background: #ffffff;
  position: absolute;
  bottom: 4px;
  right: -13px;
  background-color: #E4E4E4;
  overflow: hidden;
  text-align: left; }
  .review-submit-fabricator-rating-depth {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 10; }
  .review-submit-fabricator-rating-bar {
    height: 30px;
    position: absolute;
    bottom: -18px;
    left: 0;
    top: 0;
    background-color: #4A90E2;
    z-index: 0; }
    .review-submit-fabricator-rating-bar:before {
      content: "";
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      border: 5px solid #ffffff;
      border-left-width: 8px;
      border-right-width: 8px;
      box-sizing: border-box; }

.review-submit-quotes-pane {
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
  white-space: nowrap;
  padding-top: 20px;
  position: relative;
  top: -10px; }
  @media (min-width: 1024px) and (max-width: 1280px) {
    .review-submit-quotes-pane {
      max-width: 480px; } }

.review-submit-iframe-pane--fixed {
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100000;
  width: 100%;
  height: 100%;
  min-height: 100%;
  padding: 0;
  border-radius: 0;
  background: #ffffff;
  transition: all 1s ease; }

.review-submit-iframe-wrapper {
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 0;
  padding: 0;
  visibility: hidden;
  width: 100%;
  border-radius: 21px;
  position: relative;
  height: 0;
  overflow: hidden;
  transition: all 0.6s ease; }
  .review-submit-iframe-wrapper--active {
    opacity: 1;
    visibility: visible;
    padding-bottom: 56.25%; }
    @media screen and (max-width: 414px) {
      .review-submit-iframe-wrapper--active {
        padding-bottom: 72%; } }
  .review-submit-iframe-wrapper--workaround {
    width: 100%;
    min-height: 100%; }
    .review-submit-iframe-wrapper--workaround iframe {
      width: 100% !important;
      height: 100% !important; }
  .review-submit-iframe-wrapper--fullscreen {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100000;
    width: 100%;
    min-height: 100%;
    padding: 0;
    border-radius: 0;
    background-color: #ffffff; }
    @media screen and (max-width: 768px) {
      .review-submit-iframe-wrapper--fullscreen {
        -webkit-overflow-scrolling: touch;
        overflow: auto; } }
    .review-submit-iframe-wrapper--fullscreen:before, .review-submit-iframe-wrapper--fullscreen .review-submit-stone-listitemrenderer-text {
      display: none !important; }
    .review-submit-iframe-wrapper--fullscreen .review-submit-iframe-wrapper-view {
      position: absolute;
      bottom: 40px;
      left: 50%;
      margin-left: -100px; }
      .review-submit-iframe-wrapper--fullscreen .review-submit-iframe-wrapper-view-button {
        top: auto;
        bottom: 0;
        position: relative;
        left: 0;
        margin: 0; }
        .review-submit-iframe-wrapper--fullscreen .review-submit-iframe-wrapper-view-button:first-child {
          display: none; }
        .review-submit-iframe-wrapper--fullscreen .review-submit-iframe-wrapper-view-button:last-child {
          display: block; }
  .review-submit-iframe-wrapper:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: block;
    z-index: 10; }
  @media screen and (max-width: 414px) {
    .review-submit-iframe-wrapper {
      box-sizing: border-box; } }
  .review-submit-iframe-wrapper iframe {
    width: 0;
    height: 0;
    margin: 0;
    border: 0;
    display: block;
    position: absolute;
    left: 0;
    top: 0; }
  .review-submit-iframe-wrapper-view-button {
    width: 200px;
    text-align: center;
    line-height: 34px;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 20;
    margin: -17px 0 0 -100px;
    background: #4A90E2;
    border: 2px solid #ffffff;
    box-shadow: 0 0 0 3px #4A90E2;
    border-radius: 9px;
    display: inline-block;
    font-size: 17px;
    color: #ffffff;
    text-transform: uppercase;
    cursor: pointer; }
    .review-submit-iframe-wrapper-view-button:hover {
      background-color: #3483de;
      box-shadow: 0 0 0 3px #3483de; }
  .review-submit-iframe-wrapper-nokv {
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    height: 80px;
    width: 360px;
    margin: -40px 0 0 -180px;
    z-index: 10; }
    .review-submit-iframe-wrapper-nokv__button {
      width: 200px;
      line-height: 34px;
      z-index: 1;
      background: #4A90E2;
      border: 2px solid #ffffff;
      box-shadow: 0 0 0 3px #4A90E2;
      border-radius: 9px;
      display: inline-block;
      font-size: 17px;
      color: #ffffff;
      text-transform: uppercase;
      cursor: pointer; }
      .review-submit-iframe-wrapper-nokv__button:hover {
        background-color: #3483de;
        box-shadow: 0 0 0 3px #3483de; }
    .review-submit-iframe-wrapper-nokv__text {
      font-size: 20px;
      margin: 15px 0 0 0;
      color: #ffffff;
      display: block; }
  .review-submit-iframe-wrapper .review-submit-stone-listitemrenderer-text {
    border-radius: 0 0 21px 21px;
    height: 44px;
    line-height: 42px;
    padding: 0 16px;
    border: 1px solid #000000; }
    .review-submit-iframe-wrapper .review-submit-stone-listitemrenderer-text h10:first-child {
      float: left; }
    .review-submit-iframe-wrapper .review-submit-stone-listitemrenderer-text h10:last-child {
      float: right; }
  .review-submit-iframe-wrapper-layer:before {
    content: "";
    opacity: 0.78;
    border-radius: 21px;
    background-color: #A2A2A2;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 1; }

/* iframe overriding*/
/*Stone Select screen---------------------------------------------------*/
.stone-filters-container {
  width: 100px; }

.stone-filters-wrapper {
  padding: 27px 40px 0 20px;
  position: absolute;
  top: 0;
  display: inline-block;
  margin-top: 0;
  z-index: 600;
  box-sizing: border-box; }
  .stone-filters-wrapper-docked {
    position: fixed; }
    .stone-filters-wrapper-docked .stone-button-tuning {
      padding-top: 8px; }
    .stone-filters-wrapper-docked .stone-button-title {
      font-size: 12px;
      padding-bottom: 2px; }
    .stone-filters-wrapper-docked .stone-filter-buttons {
      height: 25px;
      line-height: 27px;
      font-size: 14px; }
      .stone-filters-wrapper-docked .stone-filter-buttons:after {
        top: -5px;
        left: -5px;
        right: -5px;
        bottom: -5px; }

.stone-magnifiying-glass {
  width: 60px;
  height: 60px;
  background-image: url(images/buttons/MagGlassButton.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 63%;
  position: absolute;
  top: -9px;
  right: -9px;
  z-index: 1; }

.stone-filter-button {
  text-align: center;
  margin-right: 30px; }
  .stone-filter-button-title {
    font-size: 15px;
    line-height: 17px;
    color: #4A90E2;
    padding-bottom: 5px;
    text-transform: uppercase;
    transition: all 0.3s ease;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .stone-filter-button-title--active {
      color: #9FC522; }
  .stone-filter-button-icon {
    height: 68px;
    width: 68px;
    border-radius: 34px;
    background-color: #ffffff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 55px;
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.5);
    cursor: pointer;
    position: relative;
    z-index: 1; }
    .stone-filter-button-icon--material {
      background-image: url(images/kv-icons/kv-filter-icons-slab.svg); }
    .stone-filter-button-icon--color {
      background-image: url(images/kv-icons/kv-filter-icons-colors.svg);
      background-size: 50px; }
    .stone-filter-button-icon--name {
      background-image: url(images/kv-icons/kv-icons-reset.svg); }
    .stone-filter-button-icon--price {
      background-image: url(images/kv-icons/kv-icons-reset.svg); }
    .stone-filter-button-icon--search {
      background-image: url(images/kv-icons/kv-filter-icons-search.svg);
      background-size: 36px; }
  .stone-filter-button--search {
    position: relative; }

.stone-search-wrapper {
  width: 20%;
  height: auto;
  position: relative;
  /* bottom: -45px; */
  left: -0px;
  text-align: center;
  display: inline-block;
  transition: all 0.3s ease; }

.stone-search-box {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  display: block;
  position: absolute;
  top: 36px;
  left: 40px;
  -ms-transform: translateX(-20px);
  transform: translateX(-20px);
  padding: 8px 5px 8px 38px;
  font-size: 15px;
  line-height: 17px;
  color: #4A90E2;
  width: 0;
  border: 2px dashed #4A90E2;
  border-radius: 100px;
  background-color: #ffffff;
  transition: all 0.6s ease; }
  .stone-search-box--opened {
    width: 200px;
    -ms-transform: none;
    transform: none; }
  .stone-search-box:focus {
    outline: none; }

.stone-container {
  width: 100%;
  height: 100px;
  /* background-color: yellow; */
  margin: auto;
  text-align: center; }

/*--------------Stone Preview Magnified Frame----------------*/
.stone-magnified-preview-frame {
  width: 500px;
  height: 500px;
  max-width: 95%;
  max-height: 95%;
  background-position: left;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #FFFFFF;
  margin: auto;
  position: relative;
  top: 30%;
  -ms-transform: translateY(-30%);
  transform: translateY(-30%);
  border-radius: 21px;
  font-family: "playbold";
  font-size: 20px;
  color: #4A90E2;
  letter-spacing: 0px;
  overflow: hidden;
  border: 14px solid #9A9A9A;
  box-shadow: 20px 20px 0px 0px rgba(0, 0, 0, 0.42), inset 0px 0px 45px 25px rgba(0, 0, 0, 0.5);
  border-radius: 43px;
  animation: stone-magnified-anim-height 1.55s ease-in-out 1; }

@keyframes stone-magnified-anim-height {
  0% {
    width: 0px;
    height: 0px; }
  30% {
    width: 0px;
    height: 500px; }
  100% {
    width: 500px;
    height: 500px; } }

.stone-magnified-preview-frame:after {
  border: 0px solid #FFF;
  border-radius: 40px;
  content: '';
  position: absolute;
  top: -8px;
  left: -8px;
  right: -8px;
  bottom: -8px;
  z-index: -1;
  box-shadow: 6px 7px 0 2px rgba(0, 0, 0, 0.18);
  border: 15px solid #000000;
  z-index: -1; }

.stone-magnified-preview-close-button {
  width: 46px;
  height: 46px;
  background-image: url(images/buttons/StoneRemovealButton.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 10px;
  right: 10px;
  opacity: .65;
  cursor: pointer; }

/* Timer layer - Start*/
.overlay {
  background-color: rgba(0, 0, 0, 0.8);
  height: 100%;
  left: 0;
  position: fixed;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 100000; }

.overlay-content-holder {
  text-align: center; }

.overlay-content-middle {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 15px;
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.1), 0 0 2px rgba(255, 255, 255, 0.1) inset;
  padding: 15px;
  text-align: center;
  text-shadow: 0 0 1px black;
  z-index: 100001;
  top: 50%;
  position: fixed;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%); }

.btn-idle-continue {
  background-color: green;
  border: 3px solid rgba(64, 255, 64, 0.9);
  border-radius: 12px;
  box-shadow: 0 0 1.1em rgba(0, 255, 0, 0.8) inset, 0 0 0.5em rgba(0, 255, 0, 0.8);
  color: white;
  font-size: 42px;
  height: 285px;
  line-height: 50px;
  margin: 10px;
  width: 285px;
  text-shadow: 0 0 0.1em black; }

.btn-idle-continue:hover {
  background-color: rgba(128, 255, 128, 0.8); }

.btn-idle-gohome {
  background-color: maroon;
  border: 3px solid red;
  border-radius: 12px;
  box-shadow: 0 0 1.1em rgba(255, 0, 0, 0.8) inset, 0 0 0.5em rgba(255, 0, 0, 0.8);
  color: white;
  font-size: 42px;
  height: 285px;
  line-height: 50px;
  margin: 10px;
  text-shadow: 0 0 0.1em black;
  width: 285px; }

.btn-idle-gohome:hover {
  background-color: rgba(255, 128, 128, 0.8); }

.text-idle-title {
  font-size: 50px;
  margin-top: 20px;
  margin-bottom: 30px;
  color: white; }

/* Video Guide */
.video-guide {
  width: 1600px;
  height: 1080px;
  left: 0;
  top: 0;
  position: absolute;
  z-index: 99999999;
  pointer-events: none;
  border: none; }

.tablet-mode .project-scope-box .numberpad-main-frame {
  top: 160px;
  left: -90px; }

.tablet-mode .numberpad-main-frame {
  -ms-transform: scale(1.5);
  transform: scale(1.5);
  margin-top: 70px;
  margin-left: 70px; }

.tablet-mode .lightbox-option-round .numberpad-main-frame,
.tablet-mode .lightbox-option-rectangular .numberpad-main-frame {
  margin: 50px -10px; }

.tablet-mode .keyboard-main-frame {
  -ms-transform: scale(1.4);
  transform: scale(1.4); }

.breadcrumb-trail {
  height: 54px;
  transition: all 0.3s ease; }
  .breadcrumb-trail--back-button {
    text-align: right;
    padding: 10px 30px 0 0;
    box-sizing: border-box; }
  .breadcrumb-trail h3 {
    position: absolute;
    z-index: 2;
    font-size: 26px;
    letter-spacing: 0;
    top: -26px;
    padding-top: 2px;
    text-align: center;
    left: 0;
    cursor: pointer;
    width: 53px;
    height: 53px;
    background-color: #ffffff;
    color: #707070;
    border: 9px solid #707070;
    border-radius: 100px;
    box-sizing: border-box; }
  .breadcrumb-trail h4 {
    position: absolute;
    top: 9px;
    left: 56px;
    font-size: 18px;
    color: #868686; }

.breadcrumb-crumb {
  width: 33.3%;
  float: left;
  height: 53px;
  background-position: left;
  background-repeat: repeat-x;
  position: relative; }
  .breadcrumb-crumb:last-child {
    margin-left: -1px; }
  .breadcrumb-crumb:after {
    content: "";
    display: block;
    height: 10px;
    width: 100%;
    background: #707070;
    position: absolute;
    left: 1px;
    top: 50%;
    margin-top: -5px; }
  .breadcrumb-crumb--green h3 {
    background-color: #8aab1d;
    color: #ffffff;
    border: 9px solid #9FC522; }
  .breadcrumb-crumb--green:after {
    background: #9FC522; }
  .breadcrumb-crumb--green .breadcrumb-arrow {
    background-image: url(images/BreadcrumbArrowGreen.svg); }

.breadcrumb-arrow {
  width: 38px;
  height: 53px;
  background-image: url(images/BreadcrumbArrowGrey.svg);
  background-position: left;
  background-repeat: no-repeat;
  position: absolute;
  right: -5px; }

.ui-button {
  position: relative;
  border-radius: 8px;
  box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.1);
  text-decoration: none;
  font-size: 19px;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  padding: 0;
  transition: all 0.3s ease; }
  .ui-button--green {
    background-color: #9FC522;
    border: 3px solid #9FC522; }
    .ui-button--green .ui-button-icon {
      background-color: #ffffff; }
      .ui-button--green .ui-button-icon:before, .ui-button--green .ui-button-icon:after {
        background-color: #9FC522; }
    .ui-button--green .ui-button-text {
      border: 2px solid #ffffff;
      color: #ffffff;
      /*min-width: 120px;*/
      margin: 0; }
    .ui-button--green:hover {
      background-color: #8daf1e;
      border: 3px solid #8daf1e; }
  .ui-button--blue {
    background-color: #4A90E2;
    border: 3px solid #4A90E2; }
    .ui-button--blue .ui-button-icon {
      background-color: #ffffff; }
      .ui-button--blue .ui-button-icon:before, .ui-button--blue .ui-button-icon:after {
        background-color: #4A90E2; }
    .ui-button--blue .ui-button-text {
      border: 2px solid #ffffff;
      color: #ffffff;
      margin: 0; }
    .ui-button--blue:hover {
      background-color: #3483de;
      border: 3px solid #3483de; }
  .ui-button-text {
    display: inline-block;
    border-radius: 7px;
    line-height: 31px;
    padding: 0 20px; }

/* 2FA Styles */
.TwoFactorAuth-popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: RGBA(0, 0, 0, 0.5);
  height: 100vh;
  width: 100%; }
  .TwoFactorAuth-popup-overlay-dialog {
    margin-left: auto;
    margin-right: auto;
    margin-top: 16vh;
    background-color: white;
    border-radius: 12px;
    padding: 4px;
    width: 600px;
    box-shadow: 4px 4px 1em RGBA(0, 0, 0, 0.5); }
  .TwoFactorAuth-popup-overlay-header {
    border-bottom: 2px solid grey;
    height: 35px; }
  .TwoFactorAuth-popup-overlay-title {
    color: #4A90E2;
    font-family: playregular;
    font-size: 26px;
    float: left; }
  .TwoFactorAuth-popup-overlay-controlbox {
    float: right; }
    .TwoFactorAuth-popup-overlay-controlbox span.close-button {
      background-image: url("images/CloseButton.svg");
      background-size: 100%;
      color: transparent;
      height: 26px;
      width: 26px;
      display: block;
      border-radius: 100%; }
  .TwoFactorAuth-popup-overlay-content {
    margin: 16px;
    position: relative; }
    .TwoFactorAuth-popup-overlay-content-input {
      width: 90%;
      margin: 0 auto;
      display: block;
      padding: 8.33px;
      border-color: #4A90E2;
      border-style: solid;
      border-radius: 6px;
      text-align: center;
      font-size: 26px;
      color: RGB(192, 0, 0);
      letter-spacing: 5px;
      font-family: playbold; }
      .TwoFactorAuth-popup-overlay-content-input-invalid {
        border-color: RGB(192, 0, 0);
        box-shadow: 0 0 0.2em RGB(192, 0, 0); }
      .TwoFactorAuth-popup-overlay-content-input::Placeholder {
        font-weight: bold;
        color: RGBA(0, 0, 0, 0.3); }
      .TwoFactorAuth-popup-overlay-content-input-validating::after {
        content: ' ';
        display: block;
        width: 16px;
        height: 16px;
        background-image: url("images/icons/loading-spinner-blue.svg");
        background-size: 100%; }
    .TwoFactorAuth-popup-overlay-content-loading {
      position: absolute;
      right: 41.667px;
      top: 8.33px;
      height: 35px; }
    .TwoFactorAuth-popup-overlay-content-invalid {
      color: RGB(192, 0, 0);
      text-align: center;
      font-family: playregular;
      font-size: 0.9em; }
    .TwoFactorAuth-popup-overlay-content-text {
      color: #4A90E2;
      font-family: playregular;
      margin: 16px;
      font-size: 16.2px; }
      .TwoFactorAuth-popup-overlay-content-text .intl-tel-input {
        margin-left: auto;
        margin-right: auto;
        width: 90%;
        display: block; }
      .TwoFactorAuth-popup-overlay-content-text-title {
        color: #4A90E2;
        font-family: playbold;
        margin: 16px;
        font-size: 16.2px;
        text-align: center; }
    .TwoFactorAuth-popup-overlay-content-actions {
      text-align: center;
      margin-top: 26px; }
      .TwoFactorAuth-popup-overlay-content-actions-button {
        background-color: #9FC522;
        display: inline-block;
        height: 41.667px;
        border-radius: 4px;
        color: white;
        font-family: playbold;
        line-height: 41.667px;
        padding: 0 16px;
        font-size: 13px;
        text-transform: uppercase;
        margin-left: 3px;
        cursor: pointer; }
    .TwoFactorAuth-popup-overlay-content-phone {
      color: RGB(192, 0, 0); }
  .TwoFactorAuth-popup-overlay-back-button {
    background-image: url("images/button-arrow.svg");
    background-size: 26px;
    background-repeat: no-repeat;
    background-position: 4px center;
    height: 33.33px;
    border: 1px solid #4a90e3;
    border-radius: 16px;
    text-align: center;
    font-size: 26.667px;
    font-family: playbold;
    color: #4a90e3;
    width: 320.833px;
    margin: 0 auto;
    text-align: right;
    padding-right: 8px;
    cursor: pointer; }
  .TwoFactorAuth-popup-overlay-footer {
    height: 50px; }
    .TwoFactorAuth-popup-overlay-footer-terms {
      color: #9B9B9B;
      font-family: playregular;
      float: left;
      padding: 25px 8px 0;
      cursor: pointer; }
    .TwoFactorAuth-popup-overlay-footer-actions {
      float: right;
      margin-right: 8px; }
      .TwoFactorAuth-popup-overlay-footer-actions-button, .TwoFactorAuth-popup-overlay-footer-actions-button-green {
        background-color: #4A90E2;
        color: white;
        height: 41.667px;
        margin-top: 0px;
        line-height: 41.667px;
        padding: 0 16px;
        font-family: playbold;
        border-radius: 4px;
        text-transform: uppercase;
        cursor: pointer; }
        .TwoFactorAuth-popup-overlay-footer-actions-button-green {
          background-color: #9FC522; }
  .TwoFactorAuth-popup-overlay-modal {
    height: 333.333px;
    background-image: url("images/graphicfx.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position-x: 14.375px;
    font-family: playregular;
    color: #4A90E2;
    font-size: 26.333px;
    overflow: hidden;
    animation: fade-out 0.25s ease-in-out forwards;
    animation-delay: 3s; }
    .TwoFactorAuth-popup-overlay-modal::before {
      content: '';
      display: block;
      width: 191.667px;
      background-image: url("images/icon-mobile.svg");
      height: 100%;
      background-repeat: no-repeat;
      background-position: center right;
      background-size: 75px;
      float: left;
      margin-right: 16px;
      animation: graphic-slide-left 0.25s ease-in-out forwards, graphic-slide-left-reverse 0.25s ease-in-out forwards;
      animation-delay: 0s, 3s; }
    .TwoFactorAuth-popup-overlay-modal-content {
      height: 100%;
      line-height: 333.333px;
      opacity: 0;
      animation: graphic-slide-up 0.25s ease-in-out forwards, graphic-slide-up-reverse 0.25s ease-in-out forwards;
      animation-delay: 0.25s, 3s;
      position: relative; }
    .TwoFactorAuth-popup-overlay-modal-action {
      color: #9FC522;
      font-family: playbold; }

@keyframes fade-out {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes graphic-slide-left {
  from {
    margin-left: 41.667px;
    opacity: 0; }
  to {
    margin-left: 0;
    opacity: 1; } }

@keyframes graphic-slide-left-reverse {
  from {
    margin-left: 0;
    opacity: 1; }
  to {
    margin-left: -41.667px;
    opacity: 0; } }

@keyframes graphic-slide-up {
  from {
    line-height: 375px;
    opacity: 0; }
  to {
    line-height: 333.333px;
    opacity: 1; } }

@keyframes graphic-slide-up-reverse {
  from {
    left: 0;
    line-height: 333.333px;
    opacity: 1; }
  to {
    left: 41.667px;
    line-height: 375px;
    opacity: 0; } }

.ie.app-container--kv .full-screen-wrapper-iframe {
  left: 0 !important; }

.ie .review-submit-wrapper .full-screen-wrapper-iframe {
  left: 0px; }

.ie .full-screen-wrapper-iframe, .ie .review-submit-iframe-wrapper {
  position: absolute;
  left: 100%; }

.ie .review-submit-main-panel-wrapper .review-submit-iframe-wrapper {
  position: relative !important;
  left: 0; }

.ie .message-loading-left-panel-spinner {
  animation: rotating 4s infinite linear;
  -moz-animation: rotating 4s infinite linear;
  -webkit-animation: rotating 4s infinite linear;
  -o-animation: rotating 4s infinite linear; }

.edge .message-loading-left-panel-spinner {
  animation: rotating 4s infinite linear;
  -moz-animation: rotating 4s infinite linear;
  -webkit-animation: rotating 4s infinite linear;
  -o-animation: rotating 4s infinite linear; }

.firefox .message-loading-left-panel-spinner {
  animation: rotating 4s infinite linear;
  -moz-animation: rotating 4s infinite linear;
  -webkit-animation: rotating 4s infinite linear;
  -o-animation: rotating 4s infinite linear; }

/*--------------Media Queries--------------------*/
@media screen and (min-width: 900px) {
  .customer-info-popup__lock {
    position: absolute;
    width: 150px;
    height: 150px;
    border-radius: 75px;
    left: -25px;
    top: -25px;
    display: block;
    background: #ffffff url(images/icons/icon-lock.svg) center no-repeat;
    background-size: 120px; }
    .customer-info-popup__lock-border {
      position: absolute;
      height: 150px;
      width: 150px;
      left: 0;
      top: 0;
      border-radius: 75px;
      border: 2px solid #4A90E2;
      z-index: 1;
      box-sizing: border-box;
      transition: all 0.45s ease; }
      .customer-info-popup__lock-border--smallspreading {
        -ms-transform: scale(1.3);
        transform: scale(1.3);
        opacity: 0; }
      .customer-info-popup__lock-border:before {
        content: "";
        position: absolute;
        height: 110px;
        width: 110px;
        left: 18px;
        top: 18px;
        border-radius: 75px;
        border: 6px solid #4A90E2;
        z-index: 1;
        box-sizing: border-box;
        transition: all 0.45s ease; }
    .customer-info-popup__lock-circle {
      display: block;
      box-sizing: border-box;
      height: 160px;
      width: 160px;
      position: absolute;
      left: -5px;
      top: -5px;
      transition: all 1s ease; }
      .customer-info-popup__lock-circle-inner {
        box-sizing: border-box;
        height: 100%;
        width: 100%;
        background: url(images/icons/Icon-Ring-Desktop.svg) center center no-repeat;
        position: absolute;
        left: 0;
        top: 0;
        background-size: 170px; }
      .customer-info-popup__lock-circle--spreading {
        -ms-transform: scale(1.7);
        transform: scale(1.7);
        opacity: 0; } }

@media screen and (min-width: 768px) {
  .numberpad-main-frame {
    width: 172px; }
    .numberpad-main-frame .help-balloon-close-button {
      width: 44px;
      height: 44px;
      top: 0;
      right: 0; }
    .numberpad-main-frame .keyboard-backspace-key {
      width: 110px;
      height: 42px;
      background-size: 28px; }
    .numberpad-main-frame .numberpad-keys {
      width: 44px;
      height: 44px;
      margin-left: 7px;
      margin-top: 7px; }
      .numberpad-main-frame .numberpad-keys-extended {
        width: 95px;
        height: 44px;
        margin-left: 7px;
        margin-top: 7px; }
  .footer-wrapper-breadcrumbs .footer-visualize {
    display: none; } }

@media screen and (min-width: 1024px) {
  .review-submit-scroll-pane {
    max-height: 450px; } }

/* 1440 alan's macbook */
@media screen and (max-width: 1440px) {
  .header-info-wrapper {
    top: 8px;
    right: 8px; }
  .header-logo {
    width: 480px;
    background-size: contain; }
  .stone-filter-button {
    margin-right: 20px; }
    .stone-filter-button-title {
      font-size: 14px; }
    .stone-filter-button-icon {
      height: 56px;
      width: 56px;
      background-size: 44px; }
      .stone-filter-button-icon--search {
        background-size: 32px; }
      .stone-filter-button-icon--color {
        background-size: 42px; }
  .stone-search-box {
    top: 34px;
    left: 32px;
    -ms-transform: translateX(-27px);
    transform: translateX(-27px);
    padding: 6px 5px 6px 30px;
    font-size: 15px;
    line-height: 17px; }
    .stone-search-box--opened {
      width: 180px;
      -ms-transform: none;
      transform: none; }
  .lightbox-options-button {
    bottom: auto;
    top: 82px;
    right: 40px;
    z-index: 99; } }

@media screen and (max-width: 1200px) {
  .project-scope-box-container {
    margin: 0 2% 20px 2%; }
  .lightbox-cancel-button, .lightbox-save-button {
    width: 132px; }
  .lightbox-options-button {
    width: 142px;
    font-size: 16px; }
    .lightbox-options-button:before {
      width: 146px; }
  .lightbox-title-block {
    padding-right: 350px; }
  .review-submit-wrapper .lightbox-cancel-button, .review-submit-wrapper .lightbox-save-button {
    width: 150px;
    font-size: 16px; }
  .review-submit-wrapper .lightbox-title-block {
    padding-right: 380px; }
  .confirmation-time-wrapper {
    padding: 0 20px 0 40px; } }

@media screen and (max-width: 1366px) and (min-width: 769px) {
  .header-logo {
    width: 380px;
    background-size: contain;
    height: 70px; }
  .header-bar {
    height: 100px; }
  .header-info-kv {
    font-size: 14px;
    top: 40px;
    line-height: 34px;
    height: 36px;
    width: 170px;
    padding-left: 40px; }
    .header-info-kv:before {
      width: 22px;
      height: 22px;
      border: 1px solid #4A90E2;
      left: 7px;
      top: 6px;
      background-size: 26px; }
    .header-info-kv:after {
      width: 100%;
      height: 28px;
      border: 1px dashed #4A90E2;
      left: 3px;
      top: 3px; }
  .header-info-phone-number {
    height: 36px;
    background-size: 14px;
    padding-left: 31px;
    font-size: 16px;
    line-height: 38px;
    width: auto;
    padding-right: 10px; }
  .header-info-cart {
    margin-right: 0;
    margin-top: 5px;
    -ms-flex-order: 2;
    order: 2; }
  .project-scope-step {
    height: 410px;
    width: 500px; }
    .project-scope-step--1 .project-scope-line--disabled .project-scope-line-inner {
      -ms-transform: translateX(-230px);
      transform: translateX(-230px); }
    .project-scope-step--left-1 .project-scope-line--enabled .project-scope-line-inner {
      -ms-transform: translateX(230px);
      transform: translateX(230px); }
    .project-scope-step--2 .project-scope-line--disabled .project-scope-line-inner {
      -ms-transform: translateX(-460px);
      transform: translateX(-460px); }
    .project-scope-step--left-2 .project-scope-line--enabled .project-scope-line-inner {
      -ms-transform: translateX(460px);
      transform: translateX(460px); }
    .project-scope-step--3 .project-scope-line--disabled .project-scope-line-inner {
      -ms-transform: translateX(-690px);
      transform: translateX(-690px); }
    .project-scope-step--left-3 .project-scope-line--enabled .project-scope-line-inner {
      -ms-transform: translateX(690px);
      transform: translateX(690px); }
    .project-scope-step--4 .project-scope-line--disabled .project-scope-line-inner {
      -ms-transform: translateX(-920px);
      transform: translateX(-920px); }
    .project-scope-step--left-4 .project-scope-line--enabled .project-scope-line-inner {
      -ms-transform: translateX(920px);
      transform: translateX(920px); }
    .project-scope-step--5 .project-scope-line--disabled .project-scope-line-inner {
      -ms-transform: translateX(-1150px);
      transform: translateX(-1150px); }
    .project-scope-step--left-5 .project-scope-line--enabled .project-scope-line-inner {
      -ms-transform: translateX(1150px);
      transform: translateX(1150px); }
    .project-scope-step--6 .project-scope-line--disabled .project-scope-line-inner {
      -ms-transform: translateX(-1380px);
      transform: translateX(-1380px); }
    .project-scope-step--left-6 .project-scope-line--enabled .project-scope-line-inner {
      -ms-transform: translateX(1380px);
      transform: translateX(1380px); }
    .project-scope-step--7 .project-scope-line--disabled .project-scope-line-inner {
      -ms-transform: translateX(-1610px);
      transform: translateX(-1610px); }
    .project-scope-step--left-7 .project-scope-line--enabled .project-scope-line-inner {
      -ms-transform: translateX(1610px);
      transform: translateX(1610px); }
    .project-scope-step--8 .project-scope-line--disabled .project-scope-line-inner {
      -ms-transform: translateX(-1840px);
      transform: translateX(-1840px); }
    .project-scope-step--left-8 .project-scope-line--enabled .project-scope-line-inner {
      -ms-transform: translateX(1840px);
      transform: translateX(1840px); }
    .project-scope-step--9 .project-scope-line--disabled .project-scope-line-inner {
      -ms-transform: translateX(-2070px);
      transform: translateX(-2070px); }
    .project-scope-step--left-9 .project-scope-line--enabled .project-scope-line-inner {
      -ms-transform: translateX(2070px);
      transform: translateX(2070px); }
    .project-scope-step--10 .project-scope-line--disabled .project-scope-line-inner {
      -ms-transform: translateX(-2300px);
      transform: translateX(-2300px); }
    .project-scope-step--left-10 .project-scope-line--enabled .project-scope-line-inner {
      -ms-transform: translateX(2300px);
      transform: translateX(2300px); }
    .project-scope-step--11 .project-scope-line--disabled .project-scope-line-inner {
      -ms-transform: translateX(-2530px);
      transform: translateX(-2530px); }
    .project-scope-step--left-11 .project-scope-line--enabled .project-scope-line-inner {
      -ms-transform: translateX(2530px);
      transform: translateX(2530px); }
    .project-scope-step--12 .project-scope-line--disabled .project-scope-line-inner {
      -ms-transform: translateX(-2760px);
      transform: translateX(-2760px); }
    .project-scope-step--left-12 .project-scope-line--enabled .project-scope-line-inner {
      -ms-transform: translateX(2760px);
      transform: translateX(2760px); }
    .project-scope-step--13 .project-scope-line--disabled .project-scope-line-inner {
      -ms-transform: translateX(-2990px);
      transform: translateX(-2990px); }
    .project-scope-step--left-13 .project-scope-line--enabled .project-scope-line-inner {
      -ms-transform: translateX(2990px);
      transform: translateX(2990px); }
    .project-scope-step--14 .project-scope-line--disabled .project-scope-line-inner {
      -ms-transform: translateX(-3220px);
      transform: translateX(-3220px); }
    .project-scope-step--left-14 .project-scope-line--enabled .project-scope-line-inner {
      -ms-transform: translateX(3220px);
      transform: translateX(3220px); }
    .project-scope-step--15 .project-scope-line--disabled .project-scope-line-inner {
      -ms-transform: translateX(-3450px);
      transform: translateX(-3450px); }
    .project-scope-step--left-15 .project-scope-line--enabled .project-scope-line-inner {
      -ms-transform: translateX(3450px);
      transform: translateX(3450px); }
    .project-scope-step--16 .project-scope-line--disabled .project-scope-line-inner {
      -ms-transform: translateX(-3680px);
      transform: translateX(-3680px); }
    .project-scope-step--left-16 .project-scope-line--enabled .project-scope-line-inner {
      -ms-transform: translateX(3680px);
      transform: translateX(3680px); }
    .project-scope-step--17 .project-scope-line--disabled .project-scope-line-inner {
      -ms-transform: translateX(-3910px);
      transform: translateX(-3910px); }
    .project-scope-step--left-17 .project-scope-line--enabled .project-scope-line-inner {
      -ms-transform: translateX(3910px);
      transform: translateX(3910px); }
    .project-scope-step--18 .project-scope-line--disabled .project-scope-line-inner {
      -ms-transform: translateX(-4140px);
      transform: translateX(-4140px); }
    .project-scope-step--left-18 .project-scope-line--enabled .project-scope-line-inner {
      -ms-transform: translateX(4140px);
      transform: translateX(4140px); }
    .project-scope-step--19 .project-scope-line--disabled .project-scope-line-inner {
      -ms-transform: translateX(-4370px);
      transform: translateX(-4370px); }
    .project-scope-step--left-19 .project-scope-line--enabled .project-scope-line-inner {
      -ms-transform: translateX(4370px);
      transform: translateX(4370px); }
    .project-scope-step--20 .project-scope-line--disabled .project-scope-line-inner {
      -ms-transform: translateX(-4600px);
      transform: translateX(-4600px); }
    .project-scope-step--left-20 .project-scope-line--enabled .project-scope-line-inner {
      -ms-transform: translateX(4600px);
      transform: translateX(4600px); }
    .project-scope-step--21 .project-scope-line--disabled .project-scope-line-inner {
      -ms-transform: translateX(-4830px);
      transform: translateX(-4830px); }
    .project-scope-step--left-21 .project-scope-line--enabled .project-scope-line-inner {
      -ms-transform: translateX(4830px);
      transform: translateX(4830px); }
    .project-scope-step--22 .project-scope-line--disabled .project-scope-line-inner {
      -ms-transform: translateX(-5060px);
      transform: translateX(-5060px); }
    .project-scope-step--left-22 .project-scope-line--enabled .project-scope-line-inner {
      -ms-transform: translateX(5060px);
      transform: translateX(5060px); }
    .project-scope-step--23 .project-scope-line--disabled .project-scope-line-inner {
      -ms-transform: translateX(-5290px);
      transform: translateX(-5290px); }
    .project-scope-step--left-23 .project-scope-line--enabled .project-scope-line-inner {
      -ms-transform: translateX(5290px);
      transform: translateX(5290px); }
    .project-scope-step--24 .project-scope-line--disabled .project-scope-line-inner {
      -ms-transform: translateX(-5520px);
      transform: translateX(-5520px); }
    .project-scope-step--left-24 .project-scope-line--enabled .project-scope-line-inner {
      -ms-transform: translateX(5520px);
      transform: translateX(5520px); }
    .project-scope-step--25 .project-scope-line--disabled .project-scope-line-inner {
      -ms-transform: translateX(-5750px);
      transform: translateX(-5750px); }
    .project-scope-step--left-25 .project-scope-line--enabled .project-scope-line-inner {
      -ms-transform: translateX(5750px);
      transform: translateX(5750px); }
    .project-scope-step--26 .project-scope-line--disabled .project-scope-line-inner {
      -ms-transform: translateX(-5980px);
      transform: translateX(-5980px); }
    .project-scope-step--left-26 .project-scope-line--enabled .project-scope-line-inner {
      -ms-transform: translateX(5980px);
      transform: translateX(5980px); }
    .project-scope-step--27 .project-scope-line--disabled .project-scope-line-inner {
      -ms-transform: translateX(-6210px);
      transform: translateX(-6210px); }
    .project-scope-step--left-27 .project-scope-line--enabled .project-scope-line-inner {
      -ms-transform: translateX(6210px);
      transform: translateX(6210px); }
    .project-scope-step--28 .project-scope-line--disabled .project-scope-line-inner {
      -ms-transform: translateX(-6440px);
      transform: translateX(-6440px); }
    .project-scope-step--left-28 .project-scope-line--enabled .project-scope-line-inner {
      -ms-transform: translateX(6440px);
      transform: translateX(6440px); }
    .project-scope-step--29 .project-scope-line--disabled .project-scope-line-inner {
      -ms-transform: translateX(-6670px);
      transform: translateX(-6670px); }
    .project-scope-step--left-29 .project-scope-line--enabled .project-scope-line-inner {
      -ms-transform: translateX(6670px);
      transform: translateX(6670px); }
    .project-scope-step--30 .project-scope-line--disabled .project-scope-line-inner {
      -ms-transform: translateX(-6900px);
      transform: translateX(-6900px); }
    .project-scope-step--left-30 .project-scope-line--enabled .project-scope-line-inner {
      -ms-transform: translateX(6900px);
      transform: translateX(6900px); }
    .project-scope-step--31 .project-scope-line--disabled .project-scope-line-inner {
      -ms-transform: translateX(-7130px);
      transform: translateX(-7130px); }
    .project-scope-step--left-31 .project-scope-line--enabled .project-scope-line-inner {
      -ms-transform: translateX(7130px);
      transform: translateX(7130px); }
    .project-scope-step--32 .project-scope-line--disabled .project-scope-line-inner {
      -ms-transform: translateX(-7360px);
      transform: translateX(-7360px); }
    .project-scope-step--left-32 .project-scope-line--enabled .project-scope-line-inner {
      -ms-transform: translateX(7360px);
      transform: translateX(7360px); }
    .project-scope-step--33 .project-scope-line--disabled .project-scope-line-inner {
      -ms-transform: translateX(-7590px);
      transform: translateX(-7590px); }
    .project-scope-step--left-33 .project-scope-line--enabled .project-scope-line-inner {
      -ms-transform: translateX(7590px);
      transform: translateX(7590px); }
    .project-scope-step--34 .project-scope-line--disabled .project-scope-line-inner {
      -ms-transform: translateX(-7820px);
      transform: translateX(-7820px); }
    .project-scope-step--left-34 .project-scope-line--enabled .project-scope-line-inner {
      -ms-transform: translateX(7820px);
      transform: translateX(7820px); }
    .project-scope-step--35 .project-scope-line--disabled .project-scope-line-inner {
      -ms-transform: translateX(-8050px);
      transform: translateX(-8050px); }
    .project-scope-step--left-35 .project-scope-line--enabled .project-scope-line-inner {
      -ms-transform: translateX(8050px);
      transform: translateX(8050px); }
  .project-scope-line--enabled {
    margin-right: 250px; }
    .project-scope-line--enabled .project-scope-line-item {
      width: 220px; }
      .project-scope-line--enabled .project-scope-line-item-image:before {
        left: -5px;
        top: -4px;
        content: "";
        width: 180px;
        height: 180px; }
      .project-scope-line--enabled .project-scope-line-item-name {
        font-size: 20px;
        line-height: 24px; }
      .project-scope-line--enabled .project-scope-line-item .project-scope-textbox {
        max-width: 200px; }
      .project-scope-line--enabled .project-scope-line-item .project-scope-selection-remove-button {
        margin-top: -20px; }
  .project-scope-line--disabled {
    margin-left: 250px; }
    .project-scope-line--disabled .project-scope-line-item {
      width: 220px; }
      .project-scope-line--disabled .project-scope-line-item-image:before {
        left: -5px;
        top: -4px;
        content: "";
        width: 180px;
        height: 180px; }
      .project-scope-line--disabled .project-scope-line-item .project-scope-textbox {
        max-width: 200px; }
      .project-scope-line--disabled .project-scope-line-item .project-scope-selection-remove-button {
        margin-top: -20px; }
  .project-scope-line-item {
    margin-right: 10px; }
    .project-scope-line-item-image {
      height: 180px;
      width: 180px;
      border-radius: 106px;
      margin: 0 auto 10px auto;
      padding: 9px 0;
      text-align: center;
      box-sizing: border-box;
      cursor: pointer; }
      .project-scope-line-item-image-img {
        height: 150px;
        width: 150px; }
      .project-scope-line-item-image-name {
        font-size: 20px;
        line-height: 24px; }
    .project-scope-line-item-name {
      font-size: 20px;
      line-height: 24px; }
    .project-scope-line-item .project-scope-selection-options-wrapper {
      margin-top: 10px; }
    .project-scope-line-item .project-scope-selection-bullet {
      line-height: 20px; }
    .project-scope-line-item .project-scope-selection-options, .project-scope-line-item .project-scope-selection-options-placeholders {
      margin: 10px 0 0 0;
      line-height: 20px;
      font-size: 14px; }
    .project-scope-line-item .project-scope-box-content {
      height: 120px; }
  .project-scope-button {
    display: block;
    width: 240px;
    margin-left: -120px;
    border: 0;
    bottom: 5px; }
  .project-scope-box-content p {
    font-size: 12px; }
  .project-scope-quote-list-lir {
    width: 97%; }
  .project-scope-box-container:first-child, .project-scope-button {
    display: none; }
  .project-scope-textbox {
    border-radius: 10px;
    font-size: 24px;
    line-height: 24px;
    padding: 5px 12px; }
  .project-scope-main-header {
    padding: 0 0 5px 0;
    height: 160px; }
    .project-scope-main-header-cell {
      height: 150px; }
      .project-scope-main-header-cell:first-child {
        width: 154px;
        padding: 0 0 0 8px;
        box-sizing: border-box;
        vertical-align: middle; }
      .project-scope-main-header-cell > .project-scope-fading {
        height: 100%; }
    .project-scope-main-header-logo {
      height: 116px;
      width: 116px;
      border-radius: 58px; }
      .project-scope-main-header-logo-image {
        height: 116px;
        width: 116px;
        border-radius: 58px;
        background-size: 160px; }
        .project-scope-main-header-logo-image--measurements {
          background-size: 60px;
          background-position: center; }
      .project-scope-main-header-logo-border {
        height: 116px;
        width: 116px;
        border-radius: 58px;
        border-width: 2px;
        left: 0;
        top: 0; }
      .project-scope-main-header-logo-circle {
        height: 140px;
        width: 140px;
        left: -10px;
        top: -10px;
        border-radius: 70px; }
        .project-scope-main-header-logo-circle-inner {
          height: 180px;
          width: 180px;
          left: -22px;
          top: -22px;
          border-radius: 90px;
          background-size: cover; }
    .project-scope-main-header-title {
      font-size: 36px;
      line-height: 46px; }
    .project-scope-main-header-subtitle {
      font-size: 26px;
      line-height: 22px; }
    .project-scope-main-header-description {
      text-align: left; }
      .project-scope-main-header-description--oversized {
        height: 60px;
        position: relative; }
  .project-scope-main-body {
    padding: 10px 15px; }
  .project-scope-main-selection {
    padding-top: 5px; }
    .project-scope-main-selection-item {
      height: 80px;
      width: 80px;
      margin: 0 10px;
      background-size: 64px 64px, 64px 64px, 64px 7px, 7px 7px;
      background-position: -2px -2px, -2px -4px, 0 -2px, -2px 0; }
      .project-scope-main-selection-item-img--straight {
        height: 21px;
        width: 57px;
        margin: -10px 0 0 -28px; }
      .project-scope-main-selection-item-img--cornered {
        height: 56px;
        width: 21px;
        left: 12px;
        top: 12px; }
        .project-scope-main-selection-item-img--cornered:after {
          width: 57px;
          height: 21px; }
      .project-scope-main-selection-item-img--withwalls {
        height: 56px;
        width: 21px;
        left: 9px;
        top: 12px; }
        .project-scope-main-selection-item-img--withwalls:before {
          width: 21px;
          height: 56px;
          bottom: 0;
          left: 42px; }
        .project-scope-main-selection-item-img--withwalls:after {
          width: 62px;
          height: 21px; }
  .project-scope-main-content {
    height: 150px; }
  .project-scope-main-footer {
    height: 60px; }
    .project-scope-main-footer-cell--buttons {
      height: 60px; }
  .project-scope-main-footer-cell--next {
    padding-right: 25px; }
  .project-scope-selection-options-wrapper {
    max-width: 100%; }
    .project-scope-selection-options-wrapper + .project-scope-button {
      margin-left: -120px;
      position: absolute;
      bottom: 5px; }
  .project-scope-selection-remove-button {
    top: 50%;
    margin-top: -15px; }
  .project-scope-stones {
    height: 182px; }
    .project-scope-stones-list-item {
      width: 160px;
      height: 160px;
      -ms-flex: 0 0 160px;
      flex: 0 0 160px; }
  .main-wrapper {
    height: calc(100% - 60px); }
  .footer-wrapper {
    height: 60px; }
    .footer-wrapper__inner {
      padding: 3px 10px; }
  .breadcrumb-crumb {
    height: 50px; }
    .breadcrumb-crumb h3 {
      font-size: 24px;
      top: -25px;
      padding-top: 2px;
      width: 50px;
      height: 50px;
      border-width: 8px; }
    .breadcrumb-crumb h4 {
      top: 9px;
      left: 53px;
      font-size: 16px; }
  .breadcrumb-trail {
    height: 50px; } }

/* 1024 wide - iPad in Landscape */
@media screen and (max-width: 1024px) {
  .header-info-kv {
    font-size: 14px;
    top: 40px;
    line-height: 34px;
    height: 36px;
    width: 170px;
    padding-left: 40px; }
    .header-info-kv:before {
      width: 22px;
      height: 22px;
      border: 1px solid #4A90E2;
      left: 7px;
      top: 6px;
      background-size: 26px; }
    .header-info-kv:after {
      width: 100%;
      height: 28px;
      border: 1px dashed #4A90E2;
      left: 3px;
      top: 3px; }
  .header-info-phone-number {
    height: 36px;
    background-size: 14px;
    padding-left: 31px;
    font-size: 16px;
    line-height: 38px;
    width: auto;
    padding-right: 10px; }
  .header-info-cart {
    margin-right: 0;
    margin-top: 5px;
    -ms-flex-order: 2;
    order: 2; }
  .stone-container {
    width: 100%; }
  .step2Cont, .step2Placeholder {
    min-width: calc(100% / 4 - 10px);
    max-width: calc(100% / 4 - 10px);
    -ms-flex: 1 1 calc(100% / 4 - 10px);
    flex: 1 1 calc(100% / 4 - 10px); }
    .step2Cont > img, .step2Placeholder > img {
      min-height: 180px; }
  .bottomInfo {
    padding-top: 10px; }
    .bottomInfo p {
      margin: 0 0 5px 0; }
  .stone-search-wrapper, .stone-button-wrapper {
    /*width: 235px;*/ }
  .filter-content {
    max-height: 260px; }
  .filter-button-listitem-renderers, .filter-accept-button-listitem-renderers-mini, .filter-reset-button-listitem-renderers-mini {
    font-size: 14px; }
  .filter-button-listitem-renderers {
    /* width: 85%; */
    margin-bottom: 10px;
    margin-top: 0; }
  .review-submit-stone-lir-cursor {
    width: 98%; }
  .review-submit-stone-button {
    font-size: 14px; }
  .review-submit-total-boxes {
    min-height: 40px; }
    .review-submit-total-boxes-cart {
      min-height: 39px; }
    .review-submit-total-boxes h8 {
      font-size: 14px; }
    .review-submit-total-boxes h9 {
      font-size: 20px; }
  .review-submit-customer-info-name {
    margin-top: auto; }
  .review-submit-fabricator-lable h12 {
    position: relative;
    top: -5px; }
  .review-submit-list-title, .review-submit-list-total {
    font-size: 18px; }
  .review-submit-list-quantity {
    width: 60px;
    margin: 10px auto 0 auto; }
  .project-scope-box-content p {
    font-size: 12px; }
  .project-scope-quote-list-lir {
    width: 97%; }
  .project-scope-box-container:first-child, .project-scope-button {
    display: none; }
  .project-scope-main-footer-cell--next {
    padding-right: 25px; }
  .footer-help-text {
    font-size: 25px; }
  .customer-info-wrapper, .customer-login-wrapper {
    width: 100%;
    box-sizing: border-box;
    padding: 0 35px; }
  .customer-login-wrapper {
    max-width: 570px; }
  .customer-info-inputs {
    width: 45%; }
  .customer-popup-sales-person-button {
    right: 36px; }
  .help-balloon-wrapper {
    left: auto !important;
    right: -42px;
    top: -3px !important;
    min-width: 298px;
    padding: 0;
    background: none; }
  .help-balloon-panel {
    box-shadow: none;
    min-height: 277px;
    border-radius: 30px; }
  .help-balloon-pointer {
    /*display: none;*/ }
  .lightbox-container .help-balloon-close-button {
    margin: -13px -13px -25px 0; }
  .lightbox-container .help-balloon-wrapper {
    min-width: 169px; }
  .lightbox-container .help-balloon-panel {
    min-height: 169px;
    border-radius: 25px;
    padding: 10px; }
    .lightbox-container .help-balloon-panel h13 {
      padding: 0 15px;
      font-size: 15px; }
    .lightbox-container .help-balloon-panel p {
      font-size: 14px;
      margin-top: 10px; }
  .confirmation-time-lir {
    padding-left: 20px; } }

@media screen and (max-width: 991px) {
  .confirmation-time-lir {
    height: auto;
    padding: 4px 0;
    min-height: 40px; }
    .confirmation-time-lir-cursor {
      height: auto;
      position: relative;
      width: 100%;
      top: 0;
      left: 0;
      padding-left: 140px;
      box-sizing: border-box; }
  .confirmation-time-cursor-block {
    float: none;
    display: table; }
  .confirmation-time-formatting {
    position: absolute;
    top: 50%;
    left: 20px;
    height: 25px;
    margin-top: -12px; }
  .confirmation-content-wrapper {
    z-index: 1;
    position: relative; } }

@media screen and (max-width: 900px) {
  .header-bar-stones .header-logo {
    width: 280px;
    background-size: contain;
    -ms-transform: translateX(80px);
    transform: translateX(80px); }
  .message-loading-container, .message-loading-container-centered {
    width: 460px;
    height: 100px;
    top: 50%;
    left: 50%;
    margin: -50px 0 0 -230px;
    -ms-transform: none;
    transform: none; }
  .message-loading-left-panel {
    width: 100px;
    height: 100px; }
  .message-loading-right-panel {
    width: 345px;
    height: 100px; } }

@media screen and (max-width: 800px) {
  .header-bar-stones .header-logo {
    margin: -25px auto 0 auto;
    height: 70px;
    -ms-transform: none;
    transform: none; }
  .header-logo {
    width: 360px;
    height: 70px; }
  .stone-filters-wrapper {
    width: 100%;
    top: 60px;
    text-align: center;
    padding: 0 20px 0 0; }
  .stone-filter-button {
    margin: 0 10px; }
    .stone-filter-button:first-child {
      margin-left: 0; }
    .stone-filter-button:last-child {
      margin-right: 0; }
  .flex-container {
    margin-top: 10px; } }

/* 768 wide - iPad in portrait */
@media screen and (max-width: 768px) {
  body.fixed {
    position: fixed; }
  .app-container--pj-scope .main-wrapper {
    height: 100%; }
  .app-container--stones, .app-container--review {
    cursor: move;
    /* fallback if grab cursor is unsupported */
    cursor: grab;
    cursor: -webkit-grab; }
    .app-container--stones.grabbable, .app-container--review.grabbable {
      cursor: grabbing;
      cursor: -webkit-grabbing; }
  .app-container--review .home {
    position: relative; }
  .home {
    display: block; }
  .header-info-wrapper {
    top: 8px;
    right: 10px; }
  .header-info-phone-number {
    margin-top: 0;
    font-size: 0;
    text-indent: 999px;
    overflow: hidden;
    width: 35px;
    height: 41px;
    padding: 0;
    background: url(images/icons/icon-phone-call.svg) center center no-repeat;
    background-size: 35px; }
    .header-info-phone-number a {
      display: block;
      width: 100%;
      height: 100%; }
  .header-info-kv {
    display: none; }
  .header-logo {
    width: calc(100% - 150px);
    height: 70px; }
  .stone-search-wrapper, .stone-button-wrapper {
    /*width: 171px;*/ }
  .main-filter-wrapper {
    width: 220px;
    margin-left: 0;
    position: fixed;
    top: auto;
    left: auto;
    padding: 0 10px;
    box-sizing: border-box;
    height: calc(100% - 260px);
    margin-top: 18px; }
  .main-wrapper {
    height: calc(100% - 83px); }
  .filter-color-names {
    width: 95%;
    height: 60px;
    margin-right: 10px; }
  .filter-sub-menu-lir {
    font-size: 14px; }
  .filter-content {
    height: calc(100% - 70px);
    max-height: inherit; }
  .review-submit-wrapper .lightbox-title-block {
    padding: 45px 20px 0 20px; }
  .review-submit-wrapper .lightbox-cancel-button, .review-submit-wrapper .lightbox-save-button {
    width: 140px;
    font-size: 13px; }
  .review-submit-list-title {
    font-size: 16px; }
  .review-submit-list-total {
    font-size: 16px;
    width: 90px;
    -ms-flex: 0 0 90px;
    flex: 0 0 90px; }
  .review-submit-fabricator-lable h11, .review-submit-customer-info-name {
    font-size: 19px; }
  .review-submit-main-panel {
    /*height: 634px;*/
    height: auto; }
  .review-submit-total-left-settings {
    -ms-flex-order: 2;
    order: 2;
    text-align: right;
    margin-right: 0; }
  .review-submit-total-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%; }
  .review-submit-stone-listitemrenderer-text {
    font-size: 17px; }
  .step2Cont, .step2Placeholder {
    min-width: calc(100% / 4 - 10px);
    max-width: calc(100% / 4 - 10px);
    -ms-flex: 1 1 calc(100% / 4 - 10px);
    flex: 1 1 calc(100% / 4 - 10px);
    height: 160px; }
    .step2Cont[style*="border"], [style*="border"].step2Placeholder {
      border-width: 8px !important; }
      .step2Cont[style*="border"] .bottomInfo, [style*="border"].step2Placeholder .bottomInfo {
        border-radius: 0 0 8px 8px; }
  .project-scope-steps, .project-scope-step, .project-scope-main, .project-scope-main-body {
    height: 100%; }
  .project-scope-section-wrapper {
    margin-bottom: 0;
    height: calc(100% - 150px); }
  .project-scope-box {
    width: 260px;
    height: 260px; }
  .project-scope-quote-list-content {
    height: 140px;
    min-height: 140px; }
  .project-scope-blank-set-box {
    height: 80px; }
  .project-scope-line, .project-scope-title {
    display: none; }
  .project-scope-stones {
    height: 120px;
    margin-top: 25px; }
    .project-scope-stones-list-item {
      width: 100px;
      height: 100px;
      -ms-flex: 0 0 100px;
      flex: 0 0 100px;
      border-radius: 12px; }
      .project-scope-stones-list-item--selected {
        border: 8px solid #9FC522;
        box-shadow: rgba(0, 0, 0, 0.3) 4px 4px 0; }
    .project-scope-stones-wrapper {
      display: none; }
  .project-scope-breadcrumbs {
    bottom: auto;
    top: -40px; }
  .project-scope-button {
    width: 240px;
    margin-left: -120px; }
  .project-scope-selection-options-wrapper {
    max-width: 100%; }
    .project-scope-selection-options-wrapper + .project-scope-button {
      margin-left: -120px;
      position: absolute;
      bottom: 5px; }
  .project-scope-selection-remove-button {
    top: 50%;
    margin-top: -15px; }
  .project-scope-textbox {
    border-radius: 10px;
    font-size: 24px;
    line-height: 24px;
    padding: 5px 12px; }
  .project-scope-step {
    width: 100%;
    border-radius: 0;
    box-shadow: none;
    background: none;
    padding: 0; }
  .project-scope-fading {
    position: relative;
    transition: all 1s ease; }
  .project-scope-main-body {
    padding: 0;
    position: inherit;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: move;
    /* fallback if grab cursor is unsupported */
    cursor: grab;
    cursor: -webkit-grab; }
    .project-scope-main-body.grabbable {
      cursor: grabbing;
      cursor: -webkit-grabbing; }
  .project-scope-main-content {
    padding: 10px 15px;
    border: 0; }
    .project-scope-main-content .project-scope-fading {
      display: block !important;
      opacity: 1 !important;
      visibility: visible !important; }
    .project-scope-main-content--first {
      height: 190px; }
  .project-scope-main-header {
    padding: 5px 15px;
    background: #ffffff;
    width: calc(100% - 30px);
    border-radius: 180px 48px 48px 180px;
    box-shadow: 2px 2px 9px 0 rgba(0, 0, 0, 0.11);
    border: 0;
    margin: 0 auto;
    height: 160px; }
    .project-scope-main-header-cell {
      height: 150px; }
      .project-scope-main-header-cell:first-child {
        width: 154px;
        padding: 0 0 0 8px;
        box-sizing: border-box;
        vertical-align: middle; }
      .project-scope-main-header-cell > .project-scope-fading {
        height: 100%; }
    .project-scope-main-header-logo {
      height: 116px;
      width: 116px;
      border-radius: 58px; }
      .project-scope-main-header-logo-image {
        height: 116px;
        width: 116px;
        border-radius: 58px;
        background-size: 160px; }
        .project-scope-main-header-logo-image--measurements {
          background-size: 60px;
          background-position: center; }
      .project-scope-main-header-logo-border {
        height: 116px;
        width: 116px;
        border-radius: 58px;
        border-width: 2px;
        left: 0;
        top: 0; }
      .project-scope-main-header-logo-circle {
        height: 140px;
        width: 140px;
        left: -10px;
        top: -10px;
        border-radius: 70px; }
        .project-scope-main-header-logo-circle-inner {
          height: 180px;
          width: 180px;
          left: -22px;
          top: -22px;
          border-radius: 90px;
          background-size: cover; }
    .project-scope-main-header-title {
      font-size: 36px;
      line-height: 46px; }
    .project-scope-main-header-subtitle {
      font-size: 26px;
      line-height: 22px; }
    .project-scope-main-header-description {
      text-align: left; }
      .project-scope-main-header-description--oversized {
        height: 60px;
        position: relative; }
  .project-scope-main-selection {
    padding-top: 5px; }
  .project-scope-main-footer-cell {
    background-color: #ffffff; }
    .project-scope-main-footer-cell--vis {
      padding-right: 5px;
      background: none;
      width: 200px;
      display: table-cell;
      vertical-align: middle; }
    .project-scope-main-footer-cell--buttons {
      padding: 0 15px;
      -ms-flex-pack: end;
      justify-content: flex-end; }
  .project-scope-main-footer-button {
    font-family: "playbold", sans-serif;
    width: 118px;
    height: 49px;
    font-size: 24px;
    color: #ffffff;
    line-height: 43px;
    float: right;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer; }
    .project-scope-main-footer-button:after {
      display: none; }
    .project-scope-main-footer-button:hover {
      color: #ffffff !important; }
    .project-scope-main-footer-button--prev {
      margin: 0 10px 0 0;
      padding: 0 0 6px 15px !important;
      background: url(images/buttons/BackButton.svg) repeat-x left; }
    .project-scope-main-footer-button--next {
      margin: 0 0 0 10px;
      padding: 0 15px 6px 0 !important;
      background: url(images/buttons/ForwardButton.svg) repeat-x right; }
  .project-scope-mobile-arrow {
    display: block; }
  .project-scope-mobile-stones-link {
    display: block; }
  .project-scope-sqft-button {
    display: none; }
  .project-scope-sqft-mobile .project-scope-sqft-button {
    display: block; }
  .lightbox-wrapper {
    overflow-y: scroll !important;
    overflow-x: hidden !important; }
  .lightbox-cancel-button, .lightbox-save-button {
    width: 90px;
    border: 2px solid #ffffff;
    border-radius: 8px;
    font-size: 14px;
    height: 26px;
    line-height: 28px; }
    .lightbox-cancel-button:after, .lightbox-save-button:after {
      border-radius: 12px;
      content: '';
      position: absolute;
      top: -5px;
      left: -5px;
      right: -5px;
      bottom: -5px;
      z-index: 0; }
  .lightbox-save-button:after {
    border: 3px solid #9FC522; }
  .lightbox-cancel-button:after {
    border: 3px solid #4A90E2; }
  .lightbox-title-block {
    padding-right: 0;
    padding-top: 45px; }
    .lightbox-title-block p {
      margin: 5px 0 0 0; }
  .lightbox-button-block {
    height: 60px;
    padding: 14px 15px 0 0; }
  .lightbox-fixed-block {
    height: 60px; }
  .lightbox-option-round {
    width: 230px; }
  .lightbox-option-rectangular {
    display: inline-block;
    width: 230px;
    float: none; }
  .lightbox-options-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    position: relative; }
  .lightbox-options-button {
    width: 100px;
    font-size: 13px;
    height: 35px;
    line-height: 13px;
    top: 12px;
    right: 260px;
    bottom: auto;
    left: auto;
    position: fixed;
    z-index: 100;
    background-size: 30px;
    padding: 0 0 0 28px; }
    .lightbox-options-button:before {
      width: 104px;
      height: 40px; }
  .lightbox-help-icon-square {
    right: 32px; }
  .help-balloon-wrapper {
    min-width: 257px; }
  .help-balloon-panel {
    min-height: 257px; }
  .footer-help-text {
    font-size: 28px;
    line-height: 50px;
    max-width: 54%; }
  .footer-wrapper {
    height: 83px;
    background: none; }
    .footer-wrapper__inner {
      height: 83px;
      display: table;
      width: 100%;
      table-layout: fixed;
      background: none;
      padding: 0; }
    .footer-wrapper--scope {
      display: none; }
    .footer-wrapper-breadcrumbs {
      padding-right: 5px;
      background: none;
      width: 200px; }
      .footer-wrapper-breadcrumbs .breadcrumb-trail {
        display: none; }
  .footer-button-container {
    display: -ms-flexbox;
    display: flex;
    padding: 0 15px;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: center;
    align-items: center;
    height: 83px;
    width: auto;
    background: #ffffff; }
  .footer-back-button, .footer-forward-button {
    width: 118px;
    height: 49px;
    font-size: 24px;
    color: #ffffff;
    line-height: 43px;
    float: right;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    margin: 0 10px 0 0;
    padding: 0 0 6px 15px !important;
    background: url(images/buttons/BackButton.svg) repeat-x left;
    box-sizing: border-box; }
    .footer-back-button-endcap, .footer-forward-button-endcap {
      display: none; }
  .footer-forward-button {
    margin: 0 0 0 10px;
    padding: 0 15px 6px 0 !important;
    background: url(images/buttons/ForwardButton.svg) repeat-x right; }
  .confirmation-calendar-wrapper {
    margin: 0 auto 40px auto;
    float: none; }
  .confirmation-time-wrapper {
    padding: 0; }
  .message-window-base {
    text-align: center;
    height: 320px;
    top: 50%;
    -ms-transform: none;
    transform: none;
    margin-top: -160px;
    width: 100%;
    min-width: inherit; }
  .message-system-message-title, .message-error-message-title {
    position: initial;
    display: inline-block;
    margin: 10px 0 0 0;
    font-size: 26px;
    background-size: 60px;
    height: 60px;
    padding: 14px 0 0 70px; }
  .message-system-text, .message-error-text {
    height: auto;
    padding: 40px 40px 0 40px; }
  .message-system-dismiss-button, .message-error-dismiss-button {
    display: inline-block;
    width: 200px;
    margin: 0; }
    .message-system-dismiss-button-wrapper, .message-error-dismiss-button-wrapper {
      width: 100%;
      margin: 0;
      bottom: 30px; }
  .message-blue-lable, .message-red-lable {
    display: none; }
  .message-box-buttons--modal {
    text-align: center;
    padding-right: 0; }
    .message-box-buttons--modal span {
      width: auto; } }

@media screen and (max-width: 768px) and (min-width: 480px) and (min-height: 600px) {
  .project-scope-main-footer {
    position: fixed;
    bottom: 0;
    width: 100%; } }

/* phone screen width landscape */
@media screen and (max-width: 736px) {
  .header-bar-stones {
    transition: margin-top 0.6s ease;
    position: fixed;
    width: calc(100% - 20px); }
    .header-bar-stones.header-bar-docked {
      margin-top: -151px; }
      .header-bar-stones.header-bar-docked + .content-wrapper .stone-filters-wrapper {
        top: -80px; }
    .header-bar-stones.open {
      margin-top: 0; }
      .header-bar-stones.open + .content-wrapper .stone-filters-wrapper {
        top: 60px; }
    .header-bar-stones + div {
      margin-top: 150px;
      padding-top: 0; }
  .app-container--stones .home-button {
    transition: margin-top 0.6s ease;
    position: fixed;
    z-index: 800; }
    .app-container--stones .home-button.header-bar-docked {
      margin-top: -151px; }
    .app-container--stones .home-button.open {
      margin-top: 0; }
  .stone-container {
    height: auto; }
  .stone-filters-wrapper {
    transition: top 0.6s ease; }
    .stone-filters-wrapper-docked {
      top: -80px; }
    .stone-filters-wrapper.open {
      top: 60px; }
  .stone-search-box {
    left: auto;
    right: 0;
    padding-left: 15px; }
    .stone-search-box--opened {
      width: 290px;
      -ms-transform: none;
      transform: none;
      top: 85px; }
  .help-balloon-wrapper {
    min-width: 257px; }
  .help-balloon-panel {
    min-height: 257px; }
  .breadcrumb-crumb {
    height: 30px; }
    .breadcrumb-crumb:after {
      height: 8px;
      margin-top: -4px; }
  .breadcrumb-trail {
    height: 40px; }
    .breadcrumb-trail h3 {
      font-size: 18px;
      top: 50%;
      margin-top: -15px;
      padding-top: 0;
      width: 30px;
      height: 30px;
      border-width: 4px; }
    .breadcrumb-trail h4 {
      top: 5px;
      font-size: 12px;
      left: 33px; }
  .breadcrumb-arrow {
    width: 25px;
    height: 30px;
    background-position: right;
    background-repeat: no-repeat;
    position: absolute;
    right: -5px;
    background-size: 26px; }
  .footer-help-text {
    font-size: 20px;
    line-height: 25px;
    max-width: 45%; }
  .review-submit-screen-title {
    font-size: 26px; } }

@media screen and (max-width: 680px) {
  .lightbox-title-block h7 {
    font-size: 26px; }
  .help-balloon-wrapper {
    min-width: 298px; }
  .help-balloon-panel {
    min-height: 278px; }
  .step2Cont, .step2Placeholder {
    height: 140px; }
  .project-scope-box {
    width: 300px;
    height: 280px; }
  .project-scope-quote-list-content {
    height: 160px;
    min-height: 160px; }
  .review-submit-screen-title {
    font-size: 22px;
    padding-bottom: 20px;
    text-align: center; }
  /*  .review-submit-side-divider {
    width: 100%;
    box-shadow: 10px 10px 0 RGBA(0, 0, 0, 0.2);
    margin-bottom: 15px;
    box-sizing: border-box;
    padding: 20px;
    height: auto;
    background-color: #ffffff;
    border: 1px solid #000000;
    border-radius: 27px;
    float: none;
  }*/
  .review-submit-side-divider-left {
    margin-top: 0; }
  .review-submit-fabricator-lable, .review-submit-customer-info {
    padding: 5px; }
    .review-submit-fabricator-lable-title, .review-submit-customer-info-title {
      margin: 0 0 5px 0; }
  /*.review-submit-main-panel {
    background: none;
    border: none;
    box-shadow: none;
  }*/
  .review-submit-vert-line {
    display: none; }
  .review-submit-scroll-pane {
    overflow-y: visible;
    padding: 0; }
  .customer-info-buttons-wrapper {
    width: 150px; }
  .stone-filter-buttons {
    font-size: 15px; }
  .review-submit-qd-listitemrenderer {
    height: auto;
    padding-bottom: 5px; }
  .customer-info-popup--big {
    height: 420px; } }

@media screen and (max-width: 640px) {
  .message-loading-container, .message-loading-container-centered {
    width: 320px;
    height: 70px;
    margin: -35px 0 0 -160px; }
  .message-loading-left-panel {
    width: 70px;
    height: 70px; }
  .message-loading-right-panel {
    width: 240px;
    height: 70px; }
    .message-loading-right-panel h1 {
      font-size: 20px;
      line-height: 20px; }
    .message-loading-right-panel p {
      font-size: 14px;
      line-height: 14px; } }

@media screen and (max-width: 560px) {
  .stone-button-title {
    font-size: 13px; }
  .step2Cont, .step2Placeholder {
    min-width: calc(100% / 3 - 10px);
    max-width: calc(100% / 3 - 10px);
    -ms-flex: 1 1 calc(100% / 3 - 10px);
    flex: 1 1 calc(100% / 3 - 10px); }
    .step2Cont > img, .step2Placeholder > img {
      min-height: 180px; }
  .project-scope-mobile-arrow {
    left: 0;
    margin: -45px 0 0 -60px;
    width: 63px;
    height: 120px; } }

@media screen and (max-width: 480px) {
  .header-bar-scope {
    height: 130px;
    padding: 15px 0 0 0; }
  .header-bar-stones .header-logo {
    width: calc(100% - 120px); }
  .header-logo {
    width: calc(100% - 100px); }
  .confirmation-container {
    padding: 0 15px; }
  .confirmation-time-header-number {
    font-size: 100px; }
  .confirmation-time-header-tag {
    font-size: 28px; }
  .confirmation-time-header-day {
    font-size: 32px; }
  .confirmation-bottom-text {
    padding: 20px 15px; }
  .lightbox-options-wrapper {
    min-height: 0; }
  .lightbox-option-rectangular {
    width: 50%;
    float: left;
    height: auto;
    background-size: 140px;
    margin: 0; }
    .lightbox-option-rectangular-loader {
      width: 106px;
      height: 106px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      margin-top: 52px;
      margin-left: auto;
      margin-right: auto;
      border-radius: 14px;
      overflow: hidden;
      padding-top: 0;
      text-align: center;
      border: 2px solid #000000; }
  .lightbox-option-round {
    width: 50%;
    float: left;
    height: auto;
    background-size: 140px;
    margin: 0; }
    .lightbox-option-round-loader-faucet + .lightbox-input-container {
      top: 170px; }
    .lightbox-option-round-loader-faucet ~ .lightbox-description-text {
      padding-top: 0; }
    .lightbox-option-round-loader-edge {
      width: 200px;
      height: 165px;
      margin-top: 11px;
      margin-left: 0px;
      overflow: hidden;
      background-position: 27px 50px;
      background-repeat: no-repeat;
      background-size: 130px; }
  .lightbox-title-block {
    padding-top: 45px; }
  .lightbox-description-text {
    font-size: 16px; }
  .lightbox-input {
    max-width: 170px;
    width: 80%;
    height: 26px;
    font-size: 14px;
    border: 5px solid #4A90E2; }
    .lightbox-input-container {
      width: 100%;
      height: 40px;
      position: absolute;
      bottom: auto;
      top: 140px;
      left: 0;
      text-align: center; }
  .lightbox-help-icon-square {
    right: 37px; }
  .lightbox-container .help-balloon-wrapper {
    min-width: 128px; }
  .lightbox-container .help-balloon-panel {
    min-height: 130px;
    border-radius: 20px; }
  .lightbox-container--confirmation .lightbox-title-block p {
    text-align: center;
    margin: 5px 0 10px 0; }
  .lightbox-container--confirmation .lightbox-title-block h7 {
    font-size: 26px;
    text-align: center;
    display: block;
    line-height: inherit;
    margin: 20px 0 0 0; }
  .lightbox-container--confirmation .lightbox-button-block {
    padding: 13px 0 0 0;
    width: calc(100% - 20px);
    text-align: center; }
  .lightbox-container--confirmation .lightbox-cancel-button, .lightbox-container--confirmation .lightbox-save-button {
    display: inline-block;
    margin: 0 7px;
    float: none; }
  .step2Cont > img, .step2Placeholder > img {
    min-height: 140px; }
  .breadcrumb-trail {
    padding: 4px 0 0 0; }
    .breadcrumb-trail h4 {
      display: none; }
  .project-scope-section-wrapper {
    height: calc(100% - 130px); }
  .project-scope-main-selection-item {
    height: 80px;
    width: 80px;
    margin: 0 10px;
    background-size: 64px 64px, 64px 64px, 64px 7px, 7px 7px;
    background-position: -2px -2px, -2px -4px, 0 -2px, -2px 0; }
    .project-scope-main-selection-item-img--straight {
      height: 21px;
      width: 57px;
      margin: -10px 0 0 -28px; }
    .project-scope-main-selection-item-img--cornered {
      height: 56px;
      width: 21px;
      left: 12px;
      top: 12px; }
      .project-scope-main-selection-item-img--cornered:after {
        width: 57px;
        height: 21px; }
    .project-scope-main-selection-item-img--withwalls {
      height: 56px;
      width: 21px;
      left: 9px;
      top: 12px; }
      .project-scope-main-selection-item-img--withwalls:before {
        width: 21px;
        height: 56px;
        bottom: 0;
        left: 42px; }
      .project-scope-main-selection-item-img--withwalls:after {
        width: 62px;
        height: 21px; }
  .project-scope-main-footer {
    height: 50px; }
    .project-scope-main-footer-cell {
      height: 50px; }
      .project-scope-main-footer-cell--vis {
        width: 140px; }
      .project-scope-main-footer-cell--buttons {
        padding: 0; }
    .project-scope-main-footer-button--prev {
      margin: 0 3px 0 0;
      min-width: inherit;
      height: 40px;
      background-size: cover;
      font-size: 18px;
      line-height: 36px;
      padding: 0 15px 0 34px;
      box-sizing: border-box; }
    .project-scope-main-footer-button--next {
      margin: 0 0 0 3px;
      min-width: inherit;
      height: 40px;
      background-size: cover;
      font-size: 18px;
      line-height: 36px; }
  .project-scope-breadcrumbs-item--small {
    height: 14px;
    width: 14px; }
    .project-scope-breadcrumbs-item--small--first {
      width: 0;
      height: 0; }
      .project-scope-breadcrumbs-item--small--first:before {
        margin-top: -6px;
        left: -12px;
        border-width: 6px 10px 6px 0; }
    .project-scope-breadcrumbs-item--small--last {
      width: 0;
      height: 0; }
      .project-scope-breadcrumbs-item--small--last:before {
        margin-top: -6px;
        right: -12px;
        border-width: 6px 0 6px 10px; }
  .main-wrapper {
    height: calc(100% - 50px); }
  .footer-visualize {
    height: 50px; }
    .footer-visualize-image {
      width: 35px;
      height: 35px;
      background-size: 26px; }
    .footer-visualize-text {
      font-size: 16px;
      line-height: 16px;
      width: 100px; }
  .footer-wrapper {
    height: 50px; }
    .footer-wrapper__inner {
      height: 50px; }
    .footer-wrapper-breadcrumbs {
      width: 140px; }
  .footer-button-container {
    height: 50px;
    padding: 0; }
  .footer-back-button {
    margin: 0 3px 0 0;
    min-width: inherit;
    height: 40px;
    background-size: cover;
    font-size: 18px;
    line-height: 36px;
    padding: 0 15px 0 34px;
    box-sizing: border-box; }
  .footer-forward-button {
    margin: 0 0 0 3px;
    min-width: inherit;
    height: 40px;
    background-size: cover;
    font-size: 18px;
    line-height: 36px; }
  .review-submit-iframe-wrapper-back-button {
    left: 20px;
    bottom: 20px;
    right: auto;
    top: auto; }
  .full-screen-wrapper {
    padding: 0 15px; }
  .message-loading-container, .message-loading-container-centered {
    width: 100%;
    height: 50px;
    margin: -50px auto 0 auto;
    text-align: center;
    left: 0;
    display: -ms-flexbox;
    display: flex;
    max-width: 330px; }
  .message-loading-left-panel {
    width: 50px;
    height: 50px;
    -ms-flex: 0 0 50px;
    flex: 0 0 50px;
    border-radius: 10px; }
  .message-loading-right-panel {
    height: 50px;
    padding: 0 15px;
    width: 100%;
    border-radius: 10px; }
    .message-loading-right-panel h1 {
      font-size: 18px;
      line-height: 18px;
      margin: 0; }
    .message-loading-right-panel p {
      font-size: 14px;
      line-height: 14px; } }

@media screen and (max-width: 480px) and (min-height: 530px) {
  .project-scope-main-footer {
    position: fixed;
    bottom: 0;
    width: 100%; } }

/* phone screen width portrait */
@media screen and (max-width: 414px) {
  .header-bar-docked:not(.header-bar-scope) .header-info-cart {
    margin-left: 70px; }
  .project-scope-box {
    width: 260px;
    height: 260px; }
    .project-scope-box-container {
      margin-left: auto;
      margin-right: auto; }
  .project-scope-main-footer-button {
    font-size: 23px; }
  .project-scope-main-selection-item {
    margin: 0 8px; }
  .project-scope-textbox {
    width: 99%; }
  .stone-button-title, .stone-filters-wrapper-docked .stone-button-title {
    font-size: 9px;
    white-space: nowrap; }
  .stone-filter-button-title {
    max-width: 100px;
    height: 17px;
    z-index: 20;
    position: relative; }
  .footer-help-text {
    font-size: 11px;
    line-height: 16px;
    max-width: 37%; }
  .bottomInfo {
    font-size: 12px; }
  .flex-container {
    margin-top: 170px; }
  .step2Cont, .step2Placeholder, .step2Placeholder {
    height: 160px;
    max-width: inherit;
    -ms-flex: inherit;
    flex: inherit;
    width: 45%;
    margin: 0 2.5% 20px 2.5%;
    border-radius: 18px; }
  .filter-color-names {
    margin-right: 0; }
  .customer-info-popup {
    max-width: inherit;
    min-width: inherit; }
    .customer-info-popup__description {
      font-size: 12px;
      width: 80%; }
    .customer-info-popup__title {
      margin: 15px auto 10px auto;
      font-size: 18px; }
    .customer-info-popup--big {
      height: 500px; }
  .customer-info-buttons-wrapper {
    width: 34%; }
  .customer-info-wrapper {
    margin-top: 20px; }
  .customer-info-inputs {
    width: 100%; }
    .customer-info-inputs#ui-fullname {
      padding-right: 40px; }
    .customer-info-inputs#ui-reg-email {
      padding-right: 0; }
  .message-system-text {
    padding: 30px 20px 0 20px; }
  .review-submit-main-panel {
    border-radius: 0; }
    .review-submit-main-panel-wrapper {
      padding: 0; }
  .review-submit-stone-button {
    font-size: 12px; }
  .review-submit-stone-listitemrenderer-text {
    font-size: 13px; }
  .review-submit-side-divider-right {
    padding: 40px 20px 20px 20px; }
  .review-submit-side-divider-left {
    padding: 0 0 20px 0; }
    .review-submit-side-divider-left .disclaimer-message-panel {
      margin-left: 20px;
      margin-right: 20px; }
    .review-submit-side-divider-left .review-submit-info-wrapper {
      padding: 0 20px; }
  .review-submit-customer-info-buttons {
    padding: 0 20px; }
  .review-submit-quotes-pane {
    padding: 20px 20px 0 20px;
    box-sizing: border-box; }
  .lightbox-option-round-loader-faucet {
    background-position: 0 center;
    max-width: 100%; }
  .lightbox-option-rectangular {
    margin: 0; }
  .lightbox-help-icon-square {
    right: 22px; }
  .lightbox-help-icon-circle {
    right: 20px; }
  .help-balloon-wrapper {
    min-width: 258px; }
  .help-balloon-panel {
    min-height: 258px; }
  .doc-flex-container {
    display: block; }
  .doc-notes-container-left {
    float: none;
    height: auto;
    -ms-flex: none;
    flex: none;
    overflow-y: auto; }
  .doc-notes-container-right {
    float: none;
    height: auto;
    margin-top: 20px; }
  .doc-upload-container-left {
    width: 150px;
    height: 150px;
    float: none;
    margin: 0 auto; }
  .doc-upload-container-right {
    height: auto;
    float: none;
    -ms-flex: none;
    flex: none;
    margin-top: 10px; }
  .doc-upload-bar {
    height: auto; }
    .doc-upload-bar-left, .doc-upload-bar-right {
      float: none;
      width: 100%;
      margin: 0; }
  .doc-save-button {
    min-width: inherit; } }

@media screen and (max-width: 380px) {
  .step2Cont, .step2Placeholder, .step2Placeholder {
    height: 150px; }
  .project-scope-main-header-text, .project-scope-main-content-text {
    font-size: 16px; } }

@media screen and (max-width: 360px) {
  .step2Cont, .step2Placeholder, .step2Placeholder {
    height: 150px; }
  .project-scope-main-header-text, .project-scope-main-content-text {
    font-size: 16px; }
  .step2Cont, .step2Placeholder, .step2Placeholder {
    height: 140px; }
  .lightbox-option-rectangular {
    width: 150px; }
  .lightbox-help-icon-square {
    right: 12px; }
  .message-system-message-title, .message-error-message-title {
    font-size: 22px;
    padding: 50px 0 0 0;
    background-position: top center;
    background-size: 50px; }
  .message-system-text, .message-error-text {
    height: auto;
    padding: 20px 10px 0 10px;
    font-size: 18px; } }

/* super small resolution screens like iphones */
@media screen and (max-width: 320px) {
  .step2Cont, .step2Placeholder, .step2Placeholder {
    height: 130px; }
  .project-scope-box-container {
    margin-left: 0px; }
  .customer-info-popup {
    margin-left: -10%;
    width: 120%; }
  .customer-info-buttons {
    font-size: 14px;
    line-height: 35px; }
  .review-submit-qd-listitemrenderer {
    display: block;
    padding-bottom: 10px; }
  .review-submit-list-total {
    font-size: 16px;
    width: 90px;
    -ms-flex: 0 0 90px;
    flex: 0 0 90px; }
  .review-submit-list-title {
    font-size: 15px;
    width: 100%; }
  .review-submit-total-boxes {
    height: 40px; }
  .review-submit-total-boxes-cart {
    height: 41px; }
  .review-submit-total-boxes h8 {
    font-size: 12px;
    width: 84px; }
  .footer-button-container {
    right: -30px;
    -ms-transform: scale(0.6);
    transform: scale(0.6); }
  .project-scope-button {
    width: 200px;
    margin-left: -100px; }
  .project-scope-selection-options-wrapper {
    max-width: 100%; }
    .project-scope-selection-options-wrapper + .project-scope-button {
      margin-left: -100px; }
  .project-scope-main-content {
    padding: 10px 15px;
    border: 0; }
    .project-scope-main-content .project-scope-fading {
      display: block !important;
      opacity: 1 !important;
      visibility: visible !important; }
    .project-scope-main-content--first {
      height: 190px; }
  .project-scope-main-header {
    padding: 5px 15px;
    background: #ffffff;
    width: calc(100% - 30px);
    border-radius: 180px 48px 48px 180px;
    box-shadow: 2px 2px 9px 0 rgba(0, 0, 0, 0.11);
    border: 0;
    margin: 0 auto;
    height: 160px; }
    .project-scope-main-header-cell {
      height: 150px; }
      .project-scope-main-header-cell:first-child {
        width: 116px;
        padding: 0 0 0 8px;
        box-sizing: border-box;
        vertical-align: middle; }
      .project-scope-main-header-cell > .project-scope-fading {
        height: 100%; }
    .project-scope-main-header-logo {
      height: 86px;
      width: 86px;
      border-radius: 43px; }
      .project-scope-main-header-logo-image {
        height: 86px;
        width: 86px;
        border-radius: 43px;
        background-size: 120px; }
        .project-scope-main-header-logo-image--measurements {
          background-size: 50px;
          background-position: center; }
      .project-scope-main-header-logo-border {
        height: 86px;
        width: 86px;
        border-radius: 43px;
        border-width: 2px;
        left: 0;
        top: 0; }
      .project-scope-main-header-logo-circle {
        height: 104px;
        width: 104px;
        left: -10px;
        top: -10px;
        border-radius: 53px; }
        .project-scope-main-header-logo-circle-inner {
          height: 140px;
          width: 140px;
          left: -17px;
          top: -17px;
          border-radius: 70px;
          background-size: cover; }
    .project-scope-main-header-title {
      font-size: 32px;
      line-height: 46px; }
    .project-scope-main-header-subtitle {
      font-size: 26px;
      line-height: 22px; }
    .project-scope-main-header-description {
      text-align: left; }
      .project-scope-main-header-description--oversized {
        height: 60px;
        position: relative; }
  .project-scope-main-selection {
    padding-top: 5px; }
    .project-scope-main-selection-item {
      height: 70px;
      width: 70px; }
      .project-scope-main-selection-item:first-child {
        margin-left: 0; }
      .project-scope-main-selection-item:last-child {
        margin-right: 0; }
      .project-scope-main-selection-item--selected:after {
        left: -6px;
        top: -6px;
        border: 6px solid #9FC522;
        border-radius: 18px; }
      .project-scope-main-selection-item-img--straight {
        width: 57px; }
      .project-scope-main-selection-item-img--cornered {
        height: 50px;
        width: 21px;
        left: 9px;
        top: 11px; }
        .project-scope-main-selection-item-img--cornered:after {
          width: 54px;
          height: 21px; }
      .project-scope-main-selection-item-img--withwalls {
        height: 50px;
        width: 21px;
        left: 8px;
        top: 11px; }
        .project-scope-main-selection-item-img--withwalls:before {
          width: 21px;
          height: 50px;
          bottom: 0;
          left: 34px; }
        .project-scope-main-selection-item-img--withwalls:after {
          width: 54px;
          height: 21px; }
  .lightbox-cancel-button, .lightbox-save-button {
    width: 78px; }
  .lightbox-save-button {
    margin-left: 17px; }
  .lightbox-options-button {
    width: 78px;
    font-size: 13px;
    height: 35px;
    line-height: 13px;
    top: 12px;
    left: 8px;
    margin: 0;
    right: auto;
    bottom: auto;
    position: fixed;
    z-index: 100;
    padding: 0;
    background: #ffffff; }
    .lightbox-options-button:before {
      width: 82px; }
  .lightbox-option-round {
    width: 230px;
    float: none;
    height: auto;
    background-size: 140px;
    margin: 0; }
    .lightbox-option-round-loader-edge {
      width: 200px;
      height: 165px;
      margin-top: 11px;
      margin-left: 0px;
      overflow: hidden;
      background-position: 63px 52px;
      background-repeat: no-repeat;
      background-size: 100px; } }

@media screen and (max-height: 420px) {
  .customer-popup-overlay {
    top: -130%;
    padding: 0 15px; }
  .customer-popup-sales-person-button {
    right: 3px; }
  .customer-info-popup {
    top: 5%;
    height: 90% !important;
    overflow-y: auto;
    padding: 15px 20px;
    width: 95%;
    max-width: 600px;
    margin: 0 auto;
    left: 2.5%;
    border-radius: 8px;
    -ms-transform: none;
    transform: none;
    min-width: inherit;
    box-sizing: border-box; }
    .customer-info-popup p {
      margin: 10px 0 0 0;
      width: 100%; }
    .customer-info-popup__lock {
      display: none; }
  .customer-info-wrapper {
    margin: 20px 0 0 0;
    padding: 0; }
  .customer-info-inputs {
    width: 100%;
    float: none;
    max-width: 550px; }
  .customer-info-buttons {
    font-size: 14px;
    line-height: 35px; }
    .customer-info-buttons-wrapper {
      width: 50%;
      position: relative;
      margin: 0;
      float: left;
      padding: 0 3px 0 0;
      box-sizing: border-box; }
      .customer-info-buttons-wrapper.customer-continue-button-setting {
        padding: 0 0 0 3px; }
  .customer-login-wrapper {
    margin: 20px 0 0 0;
    padding: 0; }
    .customer-login-wrapper .customer-popup-sales-person-button {
      right: 23px; }
  .customer-pw-reset-wrapper {
    margin-top: 75px; }
  .stone-filter-button {
    margin: 0 5px; }
  .project-scope-main-footer {
    height: 50px; }
    .project-scope-main-footer-cell {
      height: 50px; }
      .project-scope-main-footer-cell--vis {
        width: 140px; }
      .project-scope-main-footer-cell--buttons {
        padding: 0; }
    .project-scope-main-footer-button--prev {
      margin: 0 3px 0 0;
      min-width: inherit;
      height: 40px;
      background-size: cover;
      font-size: 18px;
      line-height: 36px;
      padding: 0 15px 0 34px;
      box-sizing: border-box; }
    .project-scope-main-footer-button--next {
      margin: 0 0 0 3px;
      min-width: inherit;
      height: 40px;
      background-size: cover;
      font-size: 18px;
      line-height: 36px; }
  .main-wrapper {
    height: calc(100% - 50px); }
  .footer-visualize {
    height: 50px; }
    .footer-visualize-image {
      width: 35px;
      height: 35px;
      background-size: 26px; }
    .footer-visualize-text {
      font-size: 16px;
      line-height: 16px;
      width: 100px; }
  .footer-wrapper {
    height: 50px; }
    .footer-wrapper__inner {
      height: 50px; }
    .footer-wrapper-breadcrumbs {
      width: 140px; }
  .footer-button-container {
    height: 50px;
    padding: 0; }
  .footer-back-button {
    margin: 0 3px 0 0;
    min-width: inherit;
    height: 40px;
    background-size: cover;
    font-size: 18px;
    line-height: 36px;
    padding: 0 15px 0 34px;
    box-sizing: border-box; }
  .footer-forward-button {
    margin: 0 0 0 3px;
    min-width: inherit;
    height: 40px;
    background-size: cover;
    font-size: 18px;
    line-height: 36px; } }

@media screen and (max-height: 480px) and (max-width: 768px) and (orientation: landscape) {
  .app-container--kv .mobile-rotate-button, .app-container--android .mobile-rotate-button {
    display: none; }
  .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) {
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -ms-transform-origin: left top;
    transform-origin: left top;
    width: 100vh;
    height: 100vw;
    overflow-x: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    /** START REPEATING FROM MAX WIDTH 480 - 360 **/
    /** END REPEATING FROM MAX WIDTH 480 **/ }
    .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .project-scope-mobile-arrow {
      display: none; }
    .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .mobile-rotate-button {
      display: block;
      background-color: rgba(0, 0, 0, 0.5);
      height: 100%;
      width: 100%;
      left: 0;
      right: 0;
      bottom: 0;
      position: fixed;
      text-align: center;
      top: 0;
      z-index: 99999;
      height: 100vw;
      width: 100vh; }
      .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .mobile-rotate-button-img {
        animation: mobile-rotate-pulse 3s ease-in-out infinite alternate;
        display: block;
        width: 300px;
        height: 150px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin: -75px 0 0 -150px;
        -ms-transform: rotate(90deg);
        transform: rotate(90deg); }
        .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .mobile-rotate-button-img svg {
          width: 300px;
          height: 150px;
          max-height: 150px; }
          .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .mobile-rotate-button-img svg #KV-Mobile-Icons---Design {
            fill: #ffffff;
            animation: colorChange 3s ease-in-out infinite alternate; }
    .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .full-screen-wrapper-iframe {
      display: none; }
    .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .header-bar-scope {
      height: 130px;
      padding: 15px 0 0 0; }
    .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .header-bar-stones .header-logo {
      width: calc(100% - 120px); }
    .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .header-logo {
      width: calc(100% - 100px); }
    .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .confirmation-container {
      padding: 0 15px; }
    .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .confirmation-time-header-number {
      font-size: 100px; }
    .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .confirmation-time-header-tag {
      font-size: 28px; }
    .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .confirmation-time-header-day {
      font-size: 32px; }
    .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .confirmation-bottom-text {
      padding: 20px 15px; }
    .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .lightbox-options-wrapper {
      min-height: 0; }
    .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .lightbox-option-rectangular {
      width: 50%;
      float: left;
      height: auto;
      background-size: 140px;
      margin: 0; }
      .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .lightbox-option-rectangular-loader {
        width: 106px;
        height: 106px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        margin-top: 52px;
        margin-left: auto;
        margin-right: auto;
        border-radius: 14px;
        overflow: hidden;
        padding-top: 0;
        text-align: center;
        border: 2px solid #000000; }
    .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .lightbox-option-round {
      width: 50%;
      float: left;
      height: auto;
      background-size: 140px;
      margin: 0; }
      .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .lightbox-option-round-loader-faucet + .lightbox-input-container {
        top: 170px; }
      .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .lightbox-option-round-loader-faucet ~ .lightbox-description-text {
        padding-top: 0; }
      .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .lightbox-option-round-loader-edge {
        width: 200px;
        height: 165px;
        margin-top: 11px;
        margin-left: 0px;
        overflow: hidden;
        background-position: 27px 50px;
        background-repeat: no-repeat;
        background-size: 130px; }
    .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .lightbox-title-block {
      padding-top: 45px; }
    .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .lightbox-description-text {
      font-size: 16px; }
    .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .lightbox-input {
      max-width: 170px;
      width: 80%;
      height: 26px;
      font-size: 14px;
      border: 5px solid #4A90E2; }
      .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .lightbox-input-container {
        width: 100%;
        height: 40px;
        position: absolute;
        bottom: auto;
        top: 140px;
        left: 0;
        text-align: center; }
    .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .lightbox-help-icon-square {
      right: 37px; }
    .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .lightbox-container .help-balloon-wrapper {
      min-width: 128px; }
    .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .lightbox-container .help-balloon-panel {
      min-height: 130px;
      border-radius: 20px; }
    .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .lightbox-container--confirmation .lightbox-title-block p {
      text-align: center;
      margin: 5px 0 10px 0; }
    .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .lightbox-container--confirmation .lightbox-title-block h7 {
      font-size: 26px;
      text-align: center;
      display: block;
      line-height: inherit;
      margin: 20px 0 0 0; }
    .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .lightbox-container--confirmation .lightbox-button-block {
      padding: 13px 0 0 0;
      width: calc(100% - 20px);
      text-align: center; }
    .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .lightbox-container--confirmation .lightbox-cancel-button, .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .lightbox-container--confirmation .lightbox-save-button {
      display: inline-block;
      margin: 0 7px;
      float: none; }
    .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .step2Cont > img, .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .step2Placeholder > img {
      min-height: 140px; }
    .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .breadcrumb-trail {
      padding: 4px 0 0 0; }
      .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .breadcrumb-trail h4 {
        display: none; }
    .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .project-scope-main-selection-item {
      height: 80px;
      width: 80px;
      margin: 0 10px;
      background-size: 64px 64px, 64px 64px, 64px 7px, 7px 7px;
      background-position: -2px -2px, -2px -4px, 0 -2px, -2px 0; }
      .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .project-scope-main-selection-item-img--straight {
        height: 21px;
        width: 57px;
        margin: -10px 0 0 -28px; }
      .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .project-scope-main-selection-item-img--cornered {
        height: 56px;
        width: 21px;
        left: 12px;
        top: 12px; }
        .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .project-scope-main-selection-item-img--cornered:after {
          width: 57px;
          height: 21px; }
      .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .project-scope-main-selection-item-img--withwalls {
        height: 56px;
        width: 21px;
        left: 9px;
        top: 12px; }
        .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .project-scope-main-selection-item-img--withwalls:before {
          width: 21px;
          height: 56px;
          bottom: 0;
          left: 42px; }
        .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .project-scope-main-selection-item-img--withwalls:after {
          width: 62px;
          height: 21px; }
    .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .project-scope-main-footer {
      height: 50px; }
      .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .project-scope-main-footer-cell {
        height: 50px; }
        .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .project-scope-main-footer-cell--vis {
          width: 140px; }
        .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .project-scope-main-footer-cell--buttons {
          padding: 0; }
      .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .project-scope-main-footer-button--prev {
        margin: 0 3px 0 0;
        min-width: inherit;
        height: 40px;
        background-size: cover;
        font-size: 18px;
        line-height: 36px;
        padding: 0 15px 0 34px;
        box-sizing: border-box; }
      .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .project-scope-main-footer-button--next {
        margin: 0 0 0 3px;
        min-width: inherit;
        height: 40px;
        background-size: cover;
        font-size: 18px;
        line-height: 36px; }
    .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .project-scope-breadcrumbs-item--small {
      height: 14px;
      width: 14px; }
      .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .project-scope-breadcrumbs-item--small--first {
        width: 0;
        height: 0; }
        .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .project-scope-breadcrumbs-item--small--first:before {
          margin-top: -6px;
          left: -12px;
          border-width: 6px 10px 6px 0; }
      .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .project-scope-breadcrumbs-item--small--last {
        width: 0;
        height: 0; }
        .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .project-scope-breadcrumbs-item--small--last:before {
          margin-top: -6px;
          right: -12px;
          border-width: 6px 0 6px 10px; }
    .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .main-wrapper {
      height: calc(100% - 50px); }
    .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .footer-visualize {
      height: 50px; }
      .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .footer-visualize-image {
        width: 35px;
        height: 35px;
        background-size: 26px; }
      .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .footer-visualize-text {
        font-size: 16px;
        line-height: 16px;
        width: 100px; }
    .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .footer-wrapper {
      height: 50px; }
      .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .footer-wrapper__inner {
        height: 50px; }
      .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .footer-wrapper-breadcrumbs {
        width: 140px; }
    .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .footer-button-container {
      height: 50px;
      padding: 0; }
    .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .footer-back-button {
      margin: 0 3px 0 0;
      min-width: inherit;
      height: 40px;
      background-size: cover;
      font-size: 18px;
      line-height: 36px;
      padding: 0 15px 0 34px;
      box-sizing: border-box; }
    .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .footer-forward-button {
      margin: 0 0 0 3px;
      min-width: inherit;
      height: 40px;
      background-size: cover;
      font-size: 18px;
      line-height: 36px; }
    .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .review-submit-iframe-wrapper-back-button {
      left: 20px;
      bottom: 20px;
      right: auto;
      top: auto; }
    .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .header-bar-docked:not(.header-bar-scope) .header-info-cart {
      margin-left: 70px; }
    .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .project-scope-box {
      width: 260px;
      height: 260px; }
      .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .project-scope-box-container {
        margin-left: auto;
        margin-right: auto; }
    .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .project-scope-main-footer-button {
      font-size: 23px; }
    .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .project-scope-main-selection-item {
      margin: 0 8px; }
    .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .project-scope-textbox {
      width: 99%; }
    .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .stone-button-title, .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .stone-filters-wrapper-docked .stone-button-title {
      font-size: 9px;
      white-space: nowrap; }
    .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .stone-filter-button-title {
      max-width: 100px;
      height: 17px;
      z-index: 20;
      position: relative; }
    .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .footer-help-text {
      font-size: 11px;
      line-height: 16px;
      max-width: 37%; }
    .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .bottomInfo {
      font-size: 12px; }
    .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .flex-container {
      margin-top: 170px; }
    .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .step2Cont, .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .step2Placeholder, .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .step2Placeholder {
      height: 150px;
      max-width: inherit;
      -ms-flex: inherit;
      flex: inherit;
      width: 45%;
      margin: 0 2.5% 20px 2.5%;
      border-radius: 18px; }
      .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .step2Cont:nth-child(n+10), .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .step2Placeholder:nth-child(n+10), .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .step2Placeholder:nth-child(n+10) {
        display: none; }
    .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .filter-color-names {
      margin-right: 0; }
    .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .customer-info-popup {
      max-width: inherit;
      min-width: inherit; }
      .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .customer-info-popup > p {
        font-size: 12px;
        width: 80%; }
      .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .customer-info-popup--big {
        height: 500px; }
    .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .customer-info-buttons-wrapper {
      width: 34%; }
    .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .customer-info-wrapper {
      margin-top: 20px; }
    .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .customer-info-inputs {
      width: 100%; }
    .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .message-system-text {
      padding: 30px 20px 0 20px; }
    .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .review-submit-main-panel {
      border-radius: 0; }
      .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .review-submit-main-panel-wrapper {
        padding: 0; }
    .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .review-submit-stone-button {
      font-size: 12px; }
    .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .review-submit-stone-listitemrenderer-text {
      font-size: 13px; }
    .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .review-submit-side-divider-right {
      padding: 40px 20px 20px 20px; }
    .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .review-submit-side-divider-left {
      padding: 0 0 20px 0; }
      .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .review-submit-side-divider-left .disclaimer-message-panel {
        margin-left: 20px;
        margin-right: 20px; }
      .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .review-submit-side-divider-left .review-submit-info-wrapper {
        padding: 0 20px; }
    .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .review-submit-customer-info-buttons {
      padding: 0 20px; }
    .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .review-submit-quotes-pane {
      padding: 20px 20px 0 20px;
      box-sizing: border-box; }
    .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .lightbox-option-round-loader-faucet {
      background-position: 0 center;
      max-width: 100%; }
    .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .lightbox-option-rectangular {
      margin: 0; }
    .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .lightbox-help-icon-square {
      right: 22px; }
    .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .lightbox-help-icon-circle {
      right: 20px; }
    .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .help-balloon-wrapper {
      min-width: 258px; }
    .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .help-balloon-panel {
      min-height: 258px; }
    .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .doc-flex-container {
      display: block; }
    .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .doc-notes-container-left {
      float: none;
      height: auto;
      -ms-flex: none;
      flex: none;
      overflow-y: auto; }
    .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .doc-notes-container-right {
      float: none;
      height: auto;
      margin-top: 20px; }
    .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .doc-upload-container-left {
      width: 150px;
      height: 150px;
      float: none;
      margin: 0 auto; }
    .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .doc-upload-container-right {
      height: auto;
      float: none;
      -ms-flex: none;
      flex: none;
      margin-top: 10px; }
    .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .doc-upload-bar {
      height: auto; }
      .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .doc-upload-bar-left, .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .doc-upload-bar-right {
        float: none;
        width: 100%;
        margin: 0; }
    .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .doc-save-button {
      min-width: inherit; }
    .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .project-scope-main-header-text, .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .project-scope-main-content-text {
      font-size: 16px; }
    .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .lightbox-option-rectangular {
      width: 150px; }
    .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .lightbox-help-icon-square {
      right: 12px; }
    .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .message-system-message-title, .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .message-error-message-title {
      font-size: 22px;
      padding: 50px 0 0 0;
      background-position: top center;
      background-size: 50px; }
    .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .message-system-text, .app-container:not(.app-container--kv):not(.app-container--android):not(.app-container--sqft) .message-error-text {
      height: auto;
      padding: 20px 10px 0 10px;
      font-size: 18px; }
  .app-container .footer-visualize {
    height: 50px; }
    .app-container .footer-visualize-image {
      width: 35px;
      height: 35px;
      background-size: 26px; }
    .app-container .footer-visualize-text {
      font-size: 16px;
      line-height: 16px;
      width: 100px; }
  .project-scope-main-selection-item {
    height: 80px;
    width: 80px;
    margin: 0 10px;
    background-size: 64px 64px, 64px 64px, 64px 7px, 7px 7px;
    background-position: -2px -2px, -2px -4px, 0 -2px, -2px 0; }
    .project-scope-main-selection-item-img--straight {
      height: 21px;
      width: 57px;
      margin: -10px 0 0 -28px; }
    .project-scope-main-selection-item-img--cornered {
      height: 56px;
      width: 21px;
      left: 12px;
      top: 12px; }
      .project-scope-main-selection-item-img--cornered:after {
        width: 57px;
        height: 21px; }
    .project-scope-main-selection-item-img--withwalls {
      height: 56px;
      width: 21px;
      left: 9px;
      top: 12px; }
      .project-scope-main-selection-item-img--withwalls:before {
        width: 21px;
        height: 56px;
        bottom: 0;
        left: 42px; }
      .project-scope-main-selection-item-img--withwalls:after {
        width: 62px;
        height: 21px; }
  .project-scope-main-footer {
    height: 50px;
    position: fixed;
    bottom: 0; }
    .project-scope-main-footer-cell {
      height: 50px; }
      .project-scope-main-footer-cell--vis {
        width: 140px; }
      .project-scope-main-footer-cell--buttons {
        padding: 0; }
    .project-scope-main-footer-button--prev {
      margin: 0 3px 0 0;
      min-width: inherit;
      height: 40px;
      background-size: cover;
      font-size: 18px;
      line-height: 36px;
      padding: 0 15px 0 34px;
      box-sizing: border-box; }
    .project-scope-main-footer-button--next {
      margin: 0 0 0 3px;
      min-width: inherit;
      height: 40px;
      background-size: cover;
      font-size: 18px;
      line-height: 36px; }
  .project-scope-breadcrumbs-item--small {
    height: 14px;
    width: 14px; }
    .project-scope-breadcrumbs-item--small--first {
      width: 0;
      height: 0; }
      .project-scope-breadcrumbs-item--small--first:before {
        margin-top: -6px;
        left: -12px;
        border-width: 6px 10px 6px 0; }
    .project-scope-breadcrumbs-item--small--last {
      width: 0;
      height: 0; }
      .project-scope-breadcrumbs-item--small--last:before {
        margin-top: -6px;
        right: -12px;
        border-width: 6px 0 6px 10px; } }

/*# sourceMappingURL=styles.css.map */